最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 16:21:12
文档

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

css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose:大box内左右浮动两个box,左侧box内有黄色部分(不浮动)和下方左右浮动的两个蓝色部分。 在IE7下,大box下方似乎多了一个padding-bottom的距离,现在要求内部所有部分高度是自动的。 正常情况下: ie7下: 不使用的方法: 1、黄色部分也浮动;//因为右
推荐度:
导读css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose:大box内左右浮动两个box,左侧box内有黄色部分(不浮动)和下方左右浮动的两个蓝色部分。 在IE7下,大box下方似乎多了一个padding-bottom的距离,现在要求内部所有部分高度是自动的。 正常情况下: ie7下: 不使用的方法: 1、黄色部分也浮动;//因为右


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

    文档

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

    css浮动的ie7兼容问题,下边距增加_html/css_WEB-ITnose:大box内左右浮动两个box,左侧box内有黄色部分(不浮动)和下方左右浮动的两个蓝色部分。 在IE7下,大box下方似乎多了一个padding-bottom的距离,现在要求内部所有部分高度是自动的。 正常情况下: ie7下: 不使用的方法: 1、黄色部分也浮动;//因为右
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top