-1

ラップされた要素にマージンを設定する方法を理解できません。たとえば、私は持っています

<body>
    <section id="main">
        <div id="video">

        </div>

    </section>
</body>


section#main{
    width: 960px;
    margin: 7% auto 0;
    background: #000;
    opacity: 0.86;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

div#video{
    border: 1px solid red;
    width: 640px;
    height: 360px;
    margin: 10px;
}

ここに画像の説明を入力してください

ご覧のとおり、マージンは左右にのみあります。

4

3 に答える 3

1

証拠金は、状況によっては崩壊します。パディングを使用してみませんか？

于 2013-03-07T20:13:07.293 に答える
0

表示されているのは、マージンを折りたたむ例です。overflow:auto;に追加section#main

jsFiddle の例

于 2013-03-07T20:13:25.020 に答える
0

まあ : margin: 7% auto 0 をレンダリングすると、外側のコンテナには高さがありませんので、margin:0 autoがあります。

于 2013-03-07T20:14:41.540 に答える