等你学了一年以后再来看这个视频,你会发现 @昨日灵魂 同学提出的问题基本上不是问题,为什么不能左溢出?把三层div嵌套优化成一层减少的代码量你知道有多少么?你看到的只是html里面的<div class='xxx'></div>少了而已,但是你看到了样式中减少的选择器么,如果整个页面都是这样像你所说的为了拓展【其实一层div也很方便拓展,方法多的去了】,div嵌套div,乱用div,你想改个部分才麻烦啊。还有@心远地自偏 同学,你说别人误人子弟,可你连自己结构和表现分离都没搞清,你才是误人子弟好吧。结构只是表示内容的结构而已,你多的div是为了结构么?只是为了充当一个容器好方便css改样式好吧
2016-06-13
最赞回答 / 北海北3284803
margin-left 可以,position:absolute 可以,text-indent 也可以.只不过老师通过这个方式教给我们如何不利于冗余的div和复杂的标签来完成同样的工作.代码越简洁,浏览器吸收的才会更快,整个页面的效率才会更高.与君共勉.
2016-06-12
首先<div>设置了宽而没设置高,所以高度由内容而定,其次设置了上下左右的内边距都为20px,所以内容块就会跟<div>的边框有20px的距离;然后在内容块中加入<img>,然后按照任务,设置<img>的宽高为95px,大家注意到我的<img>设置了背景啊,怎么没显示呢,因为你现在没有设置<img>的内边距,所以你现在的<img>的背景被你的商品图片给遮住了,设置了<img>的内边距后,你的95*95的内容块已经不足以遮住整个<img>,<img>被内边距撑大后,背景图片也随着<img>的撑大而变大,所以背景图片就显示出来啦;然后设置右外边距,使得<img>和<img>之间有10px距离