web前端|html教程
css浮动的ie7兼容问题，下边距增加
web前端-html教程
大box内左右浮动两个box，左侧box内有黄色部分（不浮动）和下方左右浮动的两个蓝色部分。
在IE7下，大box下方似乎多了一个padding-bottom的距离，现在要求内部所有部分高度是自动的。
正常情况下：
二维码信息网源码,ubuntu命令设置网络,查tomcat版本命令,爬虫 框架 库,PHP技术架构有哪些,seo入门引流lzw
ie7下：
android屏幕同步源码,ubuntu截图怎么查看,爬虫抓取需要登录,biny php,初级seo证书lzw
不使用的方法：
1、黄色部分也浮动；//因为右侧黄色box有时内部也有复杂的内容布局，不能做到全部浮动
2、ie7hack；
3、固定高度；
那么还有高明的什么方法呢？
代码如下
Android 线上源码,ubuntu清理log,tomcat+转发器,爬虫赚钱不,php搭建网站教程,昆明网络seo关键词优化技巧lzw
*{ margin:0; padding:0;}li{ list-style:none;}.fix{zoom:1;}.fix:after{content:""; display:block; clear:both; height:0; visibility:hidden;}.box{ width:400px; margin:0 auto; border:1px solid #f69; margin-bottom:20px; margin-top:50px;}.box_left{ width:260px; float:left;}.box_right{ width:120px; float:right; background:#FFC;}.not_float{ width:100%; height:40px; margin-bottom:20px; background:#FFC;}.ready_float_left{ width:160px; float:left; background:#09f; color:#fff;}.ready_float_right{ width:80px; float:right; background:#09f; color:#fff;}.box2{ width:400px; height:100px; margin:0 auto; border:1px solid #f69;}
12345678910
12345678910
12345678910
回复讨论(解决方案)
.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;
