qq_45764827的博客

原创 CSS定位总结

1.1 网页常见布局方式1. 标准流a. 块级元素独占一行 → 垂直布局b. 行内元素/行内块元素一行显示多个 → 水平布局2. 浮动a. 可以让原本垂直布局的 块级元素变成水平布局3. 定位a. 可以让元素自由的摆放在网页的任意位置b. 一般用于 盒子之间的层叠情况1.2 定位的常见应用场景1. 可以解决盒子与盒子之间的层叠问题• 定位之后的元素层级最高，可以层叠在其他盒子上面2. 可以让盒子始终固定在屏幕中的某个位置。