您好,欢迎访问一九零五行业门户网

css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose

大box内左右浮动两个box,左侧box内有黄色部分(不浮动)和下方左右浮动的两个蓝色部分。
在ie7下,大box下方似乎多了一个padding-bottom的距离,现在要求内部所有部分高度是自动的。
正常情况下:
ie7下:
不使用的方法:
1、黄色部分也浮动;//因为右侧黄色box有时内部也有复杂的内容布局,不能做到全部浮动
2、ie7hack;
3、固定高度;
那么还有高明的什么方法呢?
代码如下
1 2 3 4 5 6 7 8 9 10
1 2 3 4 5 6 7 8 9 10
1 2 3 4 5 6 7 8 9 10

回复讨论(解决方案) .not_float{ width:100%; height:40px; background:#ffc;}.ready_float_left{ width:160px; float:left; margin-top:20px; background:#09f; color:#fff;}.ready_float_right{ width:80px; float:right; margin-top:20px; background:#09f; color:#fff;}
not_float 的margin-bottom出问题,增加一个向左浮动float:left;
其它类似信息

推荐信息