定位元素

CSS定位属性允许您定位元素。它还可以将元素放在另一个元素后面,并指定当元素的内容太大时应该发生什么。

可以使用top,bottom,left和right属性定位元素。但是,除非首先设置position属性,否则这些属性将不起作用。根据定位方法,它们的工作方式也不同。

静态定位

默认情况下,HTML元素定位为静态。始终根据页面的正常流定位静态定位元素。

HTML:

<p>没有定位的段落。</p>
<p>没有定位的段落。</p>
<p>没有定位的段落。</p>
<p>没有定位的段落。</p>
<p>没有定位的段落。</p>

此段落具有静态位置。

CSS:

p.position_static {
   position:static;
   top: 30px;
   right: 5px;
   color: red;
}	

结果: