-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 回答