当页面缩小时，想让排列在一行的3个div不换行，该怎么搞定？
我的代码主要是这样的...
[code="java"]
页面平铺的时候都是正常的，但页面一缩小，div就换行了。
请大家给点思路！
float了还换行 这个还是baidu下吧...
把3个div 放到一个外层div里 外层div宽度100%
三个div都设置width 加起来不超过100%
请全部使用百分比设置宽度。。。
其实很多时候有极端情况
是不是有百分比，是中间的绝对写死，，其实这是个很简单的答案，LZ只需要自己验证一下即可，动手分析一下就可以找到原因的
把中间的固定了，最好在固定一个，最后一下，写成width:auto;
那你修改过，缩小，然后刷新一下试试。
问一下 你说的固定死是指什么 然后你说的“然后我用百分比把3个div固定死”
是怎么实现的 发出来看看
后面div没带"/"结束
你要动态调整3个div的宽度 用这个
[code="javascript"]<br> (function _w(){<br> var outer=document.getElementById('outer');<br> var w=outer.offsetWidth;<br> var cw=outer.childNodes[1].offsetWidth;<br> var mlrw=w-cw;<br> if(mlrw<0)return;<br> outer.childNodes[0].style.width=outer.childNodes[2].style.width=Math.floor(mlrw/w*50)+'%';<br> })();<br> window.onresize=_w;<br>
[/code]
中间那个div给个固定长度
给第一个和第三个div加样式overflow:hidden;
我之前只有display:inline，发现页面不好调，用了float:left之后，非常完美的解决了布局问题啊，谢谢lz