最赞回答 / 街角疯
刚刚又听了一遍说可视尺寸：实线范围内：那就是说：border+padding+(1024*72)!这就是可视尺寸这样对吗？而占据尺寸：margin+border+padding+(1024*72)!对吗？
2017-02-22
最新回答 / 歪嘴的肖恩
不是太理解你的问题，之所以发生margin重叠是因为网页考虑到内容的排版问题，默认重叠可以使排版更好看，就比如老师说的多个空格的合并为一个空格。就是说设置margin的两个盒子分别也都有自己的margin值，只是在表现上有差别。
2016-12-03
最赞回答 / P妞酱酱
<...图片...>（1）最里层的div是普通元素，所以其margin的百分比是相对于其容器.box的宽度来计算的；（2）最里层的div是空元素，所以本身不占据空间；（3）.box设置overflow:hidden;触发BFC，它会重新计算.box整个盒子的大小（占据尺寸），使得被触发BFC的元素不会影响到外面的元素，所以上下左右四个margin: 50%;不会出现在.box外面；（4）为什么2：1？因为垂直方向上margin重叠，所以高度上只有一个margin:50%;
2016-10-26
最赞回答 / 慕粉15920169039
其实是有效的，margin-left和margin-top是相对于父元素左上角而言，而margin-right和margin-bottom是相对元素本身而言，会影响后面元素的位置，当后面有元素的时候就可以看到效果了。
2016-10-04
最赞回答 / 慕少7532173
box在绝对定位的情况下，需要用top:0; bottom:0; left:0; right:0 来拉伸盒子，使box在没有设置宽高的情况下自动填满其父级。同时只有同时设置margin-left:auto和margin-right:auto才可以使box水平居中。
2016-08-17
最赞回答 / 冰冰冰冰冰3515066
<...图片...>box 是外层的伸缩框inner是带有背景色的自适应矩形inner里面的空div 设置margin: 50%;inner的overflow: hidden;是关键 防止最里面的div的margin穿透 这样才能把inner撑开 显示背景色最里面的空div左右margin: 50%;把水平方向撑开上下margin: 50%;自身发生重叠，实现了宽高2:1的自适应
2016-08-17
