跳到主要内容

CSS 绝对定位

阐述

语法

{
position: absolute;
}

语义

绝对布局是指将元素移出 CSS 流式布局,通过与包含元素的绝对位置关系定位。可以用 top, left, right, bottom 等性质指定它相对于包含元素的位置。如果不指定,则它默认在它原来的位置上。这里的包含元素不一定指的是它的父元素:它必须向上找到一个使用 CSS 定位布局的元素,如果找不到则直接使用视窗。

绝对元素会在能装下它的内容的前提下尽量小,但如果受到它本身大小的限制,则内容会溢出,出现滚动条。

在绝对布局中,可以通过固定大小和 margin: auto 在上下和左右两个方向都居中。

实例

性质

相关内容

参考文献