Question

问题是，当我添加宽度为230px的侧边栏并将边距添加到主体230px时，在这种情况下，而不是体宽缩小，内容移出屏幕。这是场景。

<body style="margin-left:230px;">

<aside style="position:absolute;left:0;width:230px;">content here
</aisde>

<header>
</header>

<section>
</section>

<section>
</section>
</body>

在这种情况下，身体内容会缩小，但内容会从身体外移动

Answer 1

你好首先你没有关闭尝试纠正这个问题。然后使用保证金在每种情况下都不是最好的解决方案例如，margin-top的替代方案：20px;保证金左：20像素;将是：

<div id="outer">
<div id="inner">
</div>
</div>  
<style>
#outer { position:relative; }
#inner { position:absolute; top:20px; left:20px; }
</style>

为什么你使用绝对位置？使用职位：亲属

当侧边栏添加后，正文内容移出屏幕

1 个答案: