首页 >

一个老外弄的Clearing floats(清除浮动办法)

web前端|css教程一个老外弄的Clearing floats(清除浮动办法)
一个老外弄的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,导致部分链接无法点击。


  • 暂无相关文章
  • Posted in 未分类