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