属性 | 描述 |
---|---|
position | 指定元素的定位类型 |
top、left | 指定元素的上左边缘的位置 |
bottom、right | 指定元素的下右位置 |
width、height | 指定元素的尺寸 |
z-index | 元素的第三个维度,除了x,y的z轴,指定元素的“堆叠次序” |
display | 如何显示 |
visibility | 是否可见,要占位置 |
clip | 定义元素的“裁剪”,只显示元素在某区域内的那一部分 |
overflow | 指定的元素比分配的空间要大时怎么办 |
margin、border、padding | 空白和边框 |
background | 指定元素的背景颜色或图片 |
opacity | 指定元素的不透明度 |
定位元素 position
static
默认属性。元素按常规的文档内容流,从左到右、从上到下进行定位。不能使用top、left等属性定位,其他3个属性可以使用。
absolute
自由定位。不占固定位置(不是静态定位的文档流的一部分),相对于最近的祖先元素或文档本身进行定位。
fixed
固定定位。相对浏览器窗口进行定位,总是显示在那里,不会因为滚动而变化。
relative 关系户
相对定位。占用固定位置(是静态定位的文档流的一部分),并且根据固定位置做定位调整。有关系,又有特权,很像个关系户