一个老外弄的Clearing,floats(清除浮动的方法)
web前端-css教程
我常用的都是clear:both;方法,如 jsp化妆品网站源码,vscode怎么放大缩小,ubuntu 装逼,如何关闭本地tomcat,爬虫phanjs,php赋值语句,吉林seo推广价格咨询,网站源码 办公管理,京东官网网站模板下载lzw
web课程设计源码,vscode屏蔽文件,ubuntu goast,tomcat怎样防御,使用sqlite需要下载吗,discuz 自动跳转到插件,前端面试题框架总结,下水的道爬虫怎么解决,保险 php,昆明seo计费管理,旅游网站代码下载,图灵机器人网页源码,装b神器怎么找模板lzw
c mvc项目源码下载,ubuntu恢复模式使用,如何进入公司tomcat,爬虫撞库,php前端后端教程外包,seo黑帽多久入门seo博客lzw
今在PlanABC看到另外这种方法,特些记录下来。
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}
层套关系:container的div包含left和right
最简单合理的清除浮动的方法(红色粗体部分):
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
兼容情况:IE6 IE7 FF MacIE等
来源地址:http://www.quirksmode.org/css/clearing.html
PS:不过在使用的过程貌似还有小的BUG,淘宝的小马曾碰到过,具体的症状是,IE6中层套清除浮动的div,导致部分链接无法点击。