0

960グリッドシステムでモックアップを作成していて、.clearfixで問題が発生しました。私はクリアをトリガーするためにコードに余分なdivを含めるのが好きではなく、すべてのドキュメントで.clearfixに関するドキュメントが解決策として提示されているようです。960gsには独自のclearfixクラスも付属しているので、動作するはずです。ただし、タグを適用しても何も起こりません。空のdivのクリアクラスは機能します。要素の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>
4

2 に答える 2

0

これを機能させるには、clearfix クラスを親コンテナーに適用する必要があります。

<div class="container_12 clearfix">
    <div class="grid_4"></div>
    <div class="grid_4"></div>
</div>
于 2011-11-19T19:30:55.797 に答える