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

css世界笔记3
6.1.2 float 的作用机制 1，:first-line 属性 6.2.2成事不足败事有余的 clear 这...
css 世界笔记
测试环境电脑： mac http://demo.cssworld.cn/5/2-2.php 书上标记如下：实际...
CSS世界笔记
当display为block时，不要设置width:100%，display元素的默认宽度就是填充父元素的100%...
《CSS世界》笔记
CSS世界 1. 概念三种盒子display: block; 外在的“块级盒子”和内在的“块级容器盒子”dis...
CSS 自学笔记（中）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下）继承、层叠和特殊性继承 CSS...
CSS 自学笔记（上）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下） 1. 简介 CSS 是层叠样式表...
css的层叠
css2的css的层叠《css世界》的读书笔记，非原创。背景是css2。 z-index只是层叠规则中的一个属性...
CSS 自学笔记（下）
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下）代码简写布局缩写 paddin...
自学JavaScript之路前记
HTML5+CSS3正在学习中，现在大一后续会记录HTML+CSS3的笔记。学习JavaScript是前端必学的语言。
JS获取transform rotate旋转角度的度数，matr
转自竹音林，只为自己笔记，以备不时之需如果使用$(objName).css('transform')来获取CSS3...