我当时使用960 Grid System构建样机,并遇到了.clearfix问题。我不喜欢在代码中添加额外的div来触发clear,而在所有围绕.clearfix的文档中,我似乎都是解决方案。 960gs还带有自己的clearfix类,因此我期望它应该可以工作。但是,当我应用标签时,什么也没有发生。空div中的clear类有效。虽然我想强制清除元素上的clearfix类失败。鉴于有多少关于clearfix的东西,它一定是我忽略的东西。
来源如下:
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
<style type="text/css">
div > div
{
height:3em;
background-color:Lime;
}
</style>
</head>
<body>
<div class="container_12">
<div class="grid_4 clearfix"></div>
<div class="grid_4"></div>
</div>
</body>
</html>
最佳答案
您必须将clearfix类应用于父容器,此方法才能起作用。
<div class="container_12 clearfix">
<div class="grid_4"></div>
<div class="grid_4"></div>
</div>
关于css - 有一个明确的解决问题,不适用于960网格系统,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8196640/