Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

最简单的清除浮动的方法

Posted on 2008-05-20 10:05  analyzer  阅读(273)  评论(0编辑  收藏  举报
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

我要啦免费统计