0

これが単純なものであり、cssの経験が浅いことを願っています。ネストされたdivのグループに単一のピクセル境界を追加しようとしているだけです。

<div class="grid_11 suffix_1">
  <div class="borderupdown">
    <div class="grid_1 alpha">
      <p>RNK</p>
    </div>
    <div class="grid_1">
      <p>IQ</p>
    </div>
    <div class="grid_8 omega">
      <div class="grid_8 alpha">
        <p>title<p>
      </div>
      <div class="clear"></div>
      <div class="grid_8 omega">
        <p>comments stuff here</p>
      </div>
    </div>
  </div>
</div>

これがborderupdowncssです

.borderupdown
{
    border-top:1px solid red;
    border-bottom:1px solid red;
    margin-bottom:2px;
}

クラスborderupdownは、単純に1pxの境界線の上下です。私の「理解」は、他のdivがそのクラスの下にネストされているため、そのすべての上下に1pxの境界線を作成する必要があるということです。代わりに、2pxの余白を挟んで、両方の境界線を上に視覚的に表示します。私はその理由について完全に混乱しています。（重要な場合は、960グリッドシステムの流動バージョンを使用しています。）

ありがとうございました。

4

1 に答える 1

1

コンテナ内に浮かんでいる要素がコンテナの次元に含まれていないという問題に遭遇したようです。（私は他の人々がそれを表現するより良い方法を持っていると確信しています...）。フローティング要素は、デフォルトではどのコンテナの寸法の計算にも含まれていません。あなたが探しているものは「クリアフィックス」と呼ばれています。修正の非常に優れた詳細なリストについては、この投稿をチェックしてください：「clearfix」のどのメソッドを使用できますか？

于 2013-02-16T15:59:42.287 に答える