定位
| 定位 | 内容 |
|---|---|
| 静态定位 | position:static; |
固定定位 |
position:fixed; |
相对定位 |
position:relative; |
绝对定位 |
position:absolute; |
| 粘性定位 | position:sticky; |
解释 :
静态定位 :HTML元素的默认值,即没有定位,遵循正常的文档流对象
静态定位的元素不会受到top,bottom,left,right的影响
固定定位 : Fixed定位在 IE7和IE8下需要描述 !DOCTYPE才能支持
Fixed定位使元素的位置与文档流无关.因此不占据空间
Fixed定位的元素和其他元素重叠
相对定位 : 相对定位元素的定位是相对其正常位置
移动相对定位元素.但它原来所占的空间不会改变
绝对定位 : 绝对定位的元素的位置相对于最近的已定位父元素.如果元素没有已定位的父元素,
那么它的位置相对于<html>
absolute定位使元素的位置与文档流无关.因此不占据空间
absolute定位的元素和其他元素重叠
overflow
visible 默认值.内容不会被修剪.会呈现在元素框之外
hidden 内容会被修剪,并且其余内容使不可见的
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余内容
auto 如果内容会被修剪,则浏览器会显示滚动条以便查看其余内容