css - パディング0のあるdiv間のギャップ？

Question

しばらく（答えを求めて）探し回っていたのですが、うまくいかなかったので、「宿題」をしたと思います...

つまり、基本的に2つのdivの間にギャップがあります。ここで見ることができます。

score 2 · Accepted Answer

このように、あなたに与えoverflow:hiddenてください.bigtext：

.bigtext{
 overflow:hidden;
}

この問題は「マージンの崩壊」と呼ばれます。

score 2 · Accepted Answer

コンテンツクラスで

.content {
  background: url("panel.png");
  padding: 0;
  margin: 0;
  float: left; /*new style*/
  width: 100%; /*new style*/
}

score 2 · Accepted Answer

ギャップはp要素によって引き起こされます。
余白を取り除く必要があります。ブラウザのデフォルトの動作では、段落の前後に1emを追加します。

グーグルクロームを使用している場合は、右クリックして要素の検査に移動できます。そこから、ページ上の特定の要素に適用されているデフォルトの動作を確認できます。余白によって作成されたスペースを視覚的に確認することもできます。あなたのギャップはそれらの1つでした。=）

以下のスクリーンショットを参照してください-これは、別のp要素に適用されたマージンを示しています。

score 0 · Accepted Answer

あなたはdivに適用margin-top:-23pxすることによってそれをハックすることができます.content

score 0 · Accepted Answer

0

それらのdivを試してみてくださいmargin: 0;。

于 2012-06-12T13:22:37.427 に答える

5 に答える 5