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

为什么foot被覆盖

.top{height:100px; top:0; background:#999; }

.main{width:100%;height:400px;background:red;position:absolute;}

.left{width:200px;height:400px;position:absolute;left:0;top:0; background:blue;}

.right{height:400px;margin:0 0 0 210px;background:green;}

.foot{height:80px;background:orange;margin-top:400px;}

</style>

为什么foot 非要加上margin-top:400他才会出现在main底部,如果不加就出现在top底部被覆盖,但是foot的margin-top应该是与main盒子的边界距离啊 不应该是0才对吗....不懂求教


正在回答

1 回答

这里要清除浮动,foot因为前面的div设置了浮动,所以它也跟着上去了

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

慕粉4309759 提问者

非常感谢!
2017-02-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

为什么foot被覆盖

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