5

まず最初に、ここにリンクを貼っていないことをお詫びします。これは仕事用のサイトであり、許可されていません。ただし、必要に応じてコードの関連部分を投稿します。

したがって、問題は非常に基本的なものです。いくつかの画像を含む 1 つの div と <h3>、コンテンツが開始する場所の下にヘッダーがあります。両者の間にいくらかのスペースを作ろうとしても、うまくいきません。両方の要素でマージンとパディングを試し、相対位置と絶対位置を変更し、多くの<br>タグを挿入しました。何も機能しません！

私の 2 つの要素が互いに引き付けられる原因は何ですか? 2 つの要素の間にスペースを作成できない原因は何ですか?

ありがとう！

編集: div の CSS コードは次のとおりです。

.bmwrapper {
    width: 720px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.bmvenstre {
    float: left;
    text-align: left;
    z-index: 1;
}

.bmhoyre {
    float: right;
    text-align: left;
    z-index: 1;
}

つまり、ラッパーとして機能する 1 つの大きな div と、その中に 2 つの div (左右) があります。リンクはブロックとして表示されます。

a.bmlink {
    display: block;
    margin: 0;
    padding: 4px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #08A;
    text-decoration: none;
    z-index: 2;
}

この div の下のヘッダーは単なる<h3>タグで、その後にテキストがあります。お役に立てれば！

4

2 に答える 2

8

マージンの崩壊のように聞こえます。これを解決できるいくつかの方法を次に示します。

コンテンツ div に透明な境界線を与えるか、コンテンツ div に次の CSS 宣言を与えます。overflow: auto;

ボーダーを付けるときに、ボーダーに対抗するためのマージン1pxも与える人もいます。-1px

于 2013-08-27T15:37:31.607 に答える