我当时使用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/

10-12 03:34