css - 增加 margin-left 时如何调整右边距

Question

我正在设计一个包含网页主要内容的 div。 header 有自己的 div 并正确地 100% 跨越页面。

我在主要内容 div 中添加了 margin-left:125px 样式，现在右边缘超过了浏览器宽度的 100%。

我该如何补偿这个？谢谢

Answer 1

我不太确定这是否是您想要做的，但是:

    <style type="text/css">
        #Header {
            background: red;
        }

        #Content {
            margin-left: 125px;
            background: green;
        }
    </style>
    <div id="Header">
        &nbsp;
    </div>
    <div id="Content">
        &nbsp;
    </div>

您不需要 width:100%，因为 block 级元素将自动占据所有宽度，除非另有说明。