为了账号安全,请及时绑定邮箱和手机立即绑定

为什么aside 把header覆盖了?

http://img1.sycdn.imooc.com//580b14bf0001ff9408490539.jpg

html,body #page{
height:100%;
}
#page{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
header, footer{
position:absolute;
left:0;
right:0;
}
header{
height:150px;
top:0;
}
footer{
height:150px;
bottom:0;
left:0;

}
aside{
width:150px;
position:absolute;
left:0;
top:0;
bottom:0;

}
#content{
position:absolute;
top:150;
bottom:150px;
left:150;
overflow:auto;


正在回答

2 回答

absolute的层级效果,DOM中在后面的absolute元素会覆盖前面的,你这个footer也覆盖了aside,老师课件里演示的也是覆盖了的!你可以header下left距离设置为aside的宽度,最好用百分比,可以自适应!

0 回复 有任何疑惑可以回复我~
#1

慕粉1628116899 提问者

非常感谢!么么~
2016-11-02 回复 有任何疑惑可以回复我~

我试了下和你一样,可以给aside设置margin-top来消除

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么aside 把header覆盖了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信