日期:2014-05-17  浏览次数:20674 次

两个div在一行
我有两个div,自使用宽度,且并排显示,代码示例如下
<div class="one" style="width:20%; float:left; clear:left;"></div>
<div class="two" style="width:78%; float:left;"></div>
窗口最大化是正常的,当窗口最小化的时候,div two就自动换行了,要求不自动换行,求高手帮忙啊~!
------解决方案--------------------
这不是送分的题目....
哎.
2楼的肯定不可以...clear的用法都还不怎么理解...
楼主不是说你....
clear这个词你都不知道理解...
这里你写的clear:left就是白写的,说穿了写不写这句和你要的效果没一点关系..意思是说就算你不写这句俩个div还是漂浮的.

还有...不想说你了楼主...设计就不合理

解决方法其实就是3楼那样..只是没他没写清..
<div style=" min-width:98%">   
<!--这里就是你原来的代码-->
</div>

为什么要设98%,因为你一个20% 和一个78%; 所以说你设计不合理...不留点空间给win-width这个属性
------解决方案--------------------
弹下去是很正常的
float的目的本来就不是固定位置

根据5楼的说法 
dv1 是 固定 宽度  dv2 是百分比宽度
那么 dv1。width + dv2.width > 外面的宽度 (这个结果是可能的)怎么办?
如果意思是 外面的宽度-d1.width = d2.width 那么用table把

不要老是float
float的含意就是不固定的意思

------解决方案--------------------
楼主,最好的写法应该这样的:基本兼容所有浏览器

<div class="one" style="width:20%; height:50px;float:left; background:#ff0"></div>
<div class="two" style="background:#eee; margin-left:21%; height:50px;"></div>