CSS绝对定位——CSS实验室

本节实验的内容在“CSS入门教程——定位(positon)”有比较基本的介绍。

我们首先来搭建实验定位的平台，一个p元素。点击下面的按钮以将这个p元素“圈出来”。 在p的外面还套着一个div，再点击下面的按钮将它圈出来。

下面，我们再来添加一段撑门面的段落，后面就会明白这个段落的作用了。

CSS绝对定位，position:abosolute

下面，我们给p设置绝对定位。

position:absolute;

设置了绝对定位之后，就可以设置定位相关的其它几个属性了。

left:50px;

right:50px;

top:50px;

bottom:50px;