2024-08-25 23:08:38
360
58
学习盒模型，页面版式主要由三个属性控制：position属性，控制元素位置关系。display属性，控制元素堆叠，并排，还是不在页面上出现。float属性，提供控制的方式，以便把元素组成多栏布局。
2024-05-11 23:05:18
297
363
- `static` 不支持任何偏移属性，元素直接按照HTML的顺序和布局规则排列。- `relative` 支持偏移，但不脱离文档流，其他元素感知不到其偏移后的位置。- `absolute` 脱离文档流，可以自由移动至任意位置，受最近非 `static` 定位祖先约束。- `fixed` 脱离文档流且不受滚动影响，始终在视口的某个位置固定显示。- `sticky` 兼具文档流内的自然流动和滚动后的固定定位，在满足条件时行为类似于`fixed`定位。_css relative absolute fixed