CSS知识点（1）

1.浮动

浮动特性：

1）脱标：浮动的盒子脱离标准流，移动到指定的位置，而且不保留原来的位置

2）浮动的盒子一行显示

3）浮动的盒子具有行内块元素的特点，行内元素设置了浮动之后，宽和高就会起作用

4）浮动的盒子要搭配标准流父盒子使用

为什么要清除浮动？

有时候父盒子是不设置高度的，为了能够无限往里添加盒子，但是如果有盒子是浮动的，那么他下面的盒子就会被顶上去，所以要清除浮动。

清除浮动的方法：

1）给浮动的盒子下面添加一个块级元素，并给其添加clear:both;的样式

2）给父盒子添加overflow:hiddden;的样式

3）伪元素清除浮动

4）双伪元素清除浮动

2.定位：

1)相对定位：position:relative; 原来的位置保留

2）绝对定位：position:absolute; 子绝父相

3）固定定位：position:fixed;

4) 粘性定位：position:sticky;(兼容性不强)

3.定位特殊特性：

1）绝对定位和相对定位和浮动类似

2）定位元素和浮动元素不会触发外边距合并（塌陷）现象

3）块级元素加了定位之后，宽和高是内容的宽度和高度

4）行内元素加了定位之后，可以设置宽度和高度