css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose
程序员文章站
2022-04-21 23:06:18
...
大box内左右浮动两个box,左侧box内有黄色部分(不浮动)和下方左右浮动的两个蓝色部分。
在IE7下,大box下方似乎多了一个padding-bottom的距离,现在要求内部所有部分高度是自动的。
正常情况下:
ie7下:
不使用的方法:
1、黄色部分也浮动;//因为右侧黄色box有时内部也有复杂的内容布局,不能做到全部浮动
2、ie7hack;
3、固定高度;
那么还有高明的什么方法呢?
代码如下
在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;
推荐阅读
-
关于DIV+CSS浮动问题的汇总[增加中]_html/css_WEB-ITnose
-
我遇到一个问题,这个页面在ie7,ie8下显示正常,但在IE6下显示就是页面左边的显示正常,右边的整个被挤到下边去了,而且是右下边,各位帮忙看一下?_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
我遇到一个问题,这个页面在ie7,ie8下显示正常,但在IE6下显示就是页面左边的显示正常,右边的整个被挤到下边去了,而且是右下边,各位帮忙看一下?_html/css_WEB-ITnose
-
img图片下面出现莫名的下边距解决办法_html/css_WEB-ITnose
-
img图片底部出现莫名的下边距问题_html/css_WEB-ITnose
-
img图片下面出现莫名的下边距解决办法_html/css_WEB-ITnose
-
关于DIV+CSS浮动问题的汇总[增加中]_html/css_WEB-ITnose
-
css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose