已采纳回答 / m慕光
overflow:hidden;意思为当内容宽高大于父容器宽高，超出的部分就会被隐藏。本题中内容宽度为：（386.66+20）* 3 = 1220父容器宽度为：1200 < 1220 所以这里如果不加overflow:hidden；则父容器无法在一行中容纳所有的内容，最后一个div元素会换行显示；但是如果你加overflow:hidden；内容超过父容器的部分可以被隐藏，即可做到一行显示。这里不设置也没关系是因为有一句margin-right:-20px;
2016-10-30
最赞回答 / 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
已采纳回答 / 黑白灰菌
替换元素：替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；又例如根据<input>标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容...
2016-10-16
已采纳回答 / grace_0008
#test{ margin:20px; width:390px; background:#F4F8FC; border-radius:30px; border:6px solid red; overflow:hidden; } 加个overflow:hidden; 样式就可解决问题，使最后一个li的下边框隐藏
2016-10-15
最赞回答 / 慕粉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
