最新回答 / 歪嘴的肖恩
不是太理解你的問題，之所以發生margin重疊是因為網頁考慮到內容的排版問題，默認重疊可以使排版更好看，就比如老師說的多個空格的合并為一個空格。就是說設置margin的兩個盒子分別也都有自己的margin值，只是在表現上有差別。
2016-12-03
已采納回答 / 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