已采納回答 / 慕粉3640454
div .cont{ border:1px solid red;}div.cont 你都用下你就知道了<div class="cont">1111<p class="cont">你好嗎</p></div>
2016-07-11
說最后一部分沒有講清楚的應該多聽兩遍,div已經根據圖片的寬度進行調整但仍然出現div跟內容之間的間隙,說明是某些瀏覽器默認會添加padding樣式,最終把div撐大了,為了達到效果就取消默認的padding和margin 設置,也就是*{margin:0; padding:0;}
我是這樣理解的,浮動會對父級div和之后的div產生影響,因為浮動已經脫離標準文檔流,父級div變失去高度和寬度,相當于overflow了,這時候只需在父級的overflow設置為hidden就可以了,而div浮動后成為塊級元素,之后的div就會緊跟其后,可用clear:both解決
2016-07-11
從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。