固定位置没有覆盖?

时间:2012-06-22 10:49:50

标签: position

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

事先提前

1 个答案:

答案 0 :(得分:0)

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

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>