css世界笔记3

2019-07-30  本文已影响0人  邹小邹大厨

6.1.2 float 的作用机制

1,:first-line 属性

6.2.2成事不足败事有余的 clear

<div class="father">
<img src="zxx.jpg"> 我是帅哥,好巧啊,我也是帅哥,原来看这本书的人都是帅哥~
</div> <div>虽然你很帅,但是我对你不感兴趣。</div> .father:after {
      content: '';
      display: table;
      clear: both;
    }
    .father img {
float:left;
      width: 60px; height: 64px;
    }
    .father + div {
      margin-top: -2px;
}

这里应该是设置了margin-top: -2px的原因,而不是因为没有清除彻底,


image.png
上一篇 下一篇

猜你喜欢

热点阅读