已采纳回答 / 慕粉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。