div布局问题（float,display）

来源：百度知道 编辑：UC知道 时间：2024/05/11 00:52:27
在工作中，我布局一个（上，中，下的页面，其中中间部分有5个横着并列的部分）
我做的方法是，上，中，中，只设置高和宽就可以了，主要是中间里的5个小部分布局，我会把里面5个div都设置为float:left;而里面部分div为了效果还需要设置margin,因为兼容性的问题，因为IE对设置了对齐的DIV理解margin出现BUG，所以我布局方面，对设置了float的div都加上display:inline;
请问我这样的做法对吗？想要这样的布局，有更好的CSS写法吗？谢谢

上，中，下布局
关键在中间
<div style="float:left;width:;">
<div style="float:left;width:;height:;clear:right"></div>
<div style="float:left;width:;height:;margin-left:5px;display:inline;clear:right"></div>
<div style="float:left;width:;height:;margin-left:5px;display:inline;clear:right"></div>
<div style="float:left;width:;height:;margin-left:5px;display:inline;clear:right"></div>
<div style="float:left;width:;height:;"></div>
</div>

上下2个随便写就是了，举个简单的例子

可以了，最好加上position: relative；

尽量使用padding，少用margin，可以多套几层div。减少bug。