固定位置没有覆盖？

Question

我正在尝试使用Javascript将新Div添加到页面，我希望将其修复但不覆盖页面，它应该看起来像页面左侧的侧边栏，目前如果我将其设置为位置固定，它出现但覆盖整个页面，任何想法如何解决这个问题？

事先提前

Answer 1

通过修复元素，您将其从正常的渲染流中移除，因此其他元素就像它不在那里一样。避免这种情况的最好方法是在页面其余部分的实际内容中添加填充，假装侧边菜单就在那里。

div.menu {
position:fixed;
left:0px;
top:100px;
width:200px;
height:400px;
}
div.content {
padding-left:215px;
}

填充左边填充侧边栏的框200px，加上15填充漂亮的填充，因此文本没有按到侧面。

<div class='menu'>Menu Here</div>
<div class='content'>
    Content<br />In<br />Here<br />Fits in place
</div>