当前位置:Gxlcms > html代码 > css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:16人阅读

大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;

人气教程排行