css 部分常见问题的部分解决方法（笔记）（持续更新）

1 清除浮动

1.1 clearfix

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

在css中加入这段代码，并在被添加了浮动的元素的父元素的class中加入clearfix

---

2 脱离文档流

position:fixed

相对于窗口定位，这时宽度将不受控制，可以在里层再加一层div，对新加的div进行处理

---

3 绝对定位

.a{
    position:relative;
}

.b{
    position:absolute;
}

class为b的元素相对于祖先中第一个position:relative;的定位

---

4

display:inline-block;时，在对应元素下会有一小段空白，用verticle-aline:top;解决