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

不是说以较大的为准么?:

还是有些不明白


正在回答

5 回答

举个例子来说明边距融合的问题。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
margin:0; padding:0;
}
#div1{
width:200px;
height: 200px;
background:#f3a;
margin:35px auto 0px;
}
#div2{
width:400px; height: 400px;
background: #000;
margin:15px auto 0px;
}
</style>
</head>
<body>
<div id='div1'></div>
<div id='div2'>
</div>
</body>
</html>

http://img1.sycdn.imooc.com//563af04c0001b9ae13660644.jpg

现在对div1进行了position:fixed的定位且没有设置偏移量!没设置偏移量!没设置偏移!重要的说3遍。此时div1依然是处在body父元素内(即最初的位置,我这里设置了margin:35px auto 0,所以居中显示。最初的位置是在左边)那么div1就会脱离普通文档流。紧随其后的元素div2会上来。效果如图http://img1.sycdn.imooc.com//563af1bd0001513313630427.jpg

如果不相信的同学可以试试给div1设置个偏移量,假设我这里top:5px; left:50px,那么效果是怎样的?(要注意这里给div1设置了上外边距35px,所以查看效果要进入F12)http://img1.sycdn.imooc.com//563af2ab0001513313630427.jpg

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

是以外边距较大的为准

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

举报

0/150
提交
取消
固定层效果
  • 参与学习       51921    人
  • 解答问题       148    个

运用属性值就轻松实现网页固定层效果

进入课程

不是说以较大的为准么?:

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