首页 / HTML / css浮动的ie7兼容问题，下边距增加_html/css_WEB-ITnose

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css浮动的ie7兼容问题，下边距增加_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1550字，纯文字阅读大概需要3分钟。

内容图文

大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_WEB-ITnose全部内容，希望文章能够帮你解决css浮动的ie7兼容问题，下边距增加_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/404436.html

来源：【匿名】