对以下结构:
<div class="fl">
<img src="http://upload-images.jianshu.io/upload_images/1487291-3ed84327037e3d2a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/480/q/100" alt="">
</div>
<div class="nor">123</div>
设置样式:
.fl {
float: left;
height: 20px;
width: 10px;
padding: 10px 10px;
margin: 10px 10px;
}
其中,fl的div未设置宽度,此时会发现nor的div的宽度占满一行,就像fl的div不占有宽度一样,即使其已经设置了内、外边距,横向边距也不会影响到第二个div占满一行。
但是只要给第一个div手动设置了width,其宽度和边距就会生效,并影响到第二个div的显示。