CSS之页面布局之四（绝对布局）

绝对布局（Absolute Layout）就是指定元素的position属性为absloute，元素被指定为绝对定位后，浏览器会将其从流中删除。

与浮动布局不同（请参照前面的博文《CSS之页面布局之一（浮动布局） 》），浮动布局中浮动起来的元素，只是“半删除”。即对HTML端的块元素来说浮动起来的元素仿佛从流中被删除了。但对HTML端的内联元素来说浮动起来的元素仍旧存在。

绝对布局就不是“半删除”了，而是从HTML流中彻底删除该元素。被删除的元素和原始HTML流中其他元素，处于不同层面，这就产生了分层的概念。

实现方式：CSS端为元素的position属性设成absolute，并指定top，right，width等属性（即告诉浏览器窗口在何处显示该元素）

CSS端为<p id="absoluteLayout">设置position，top，right，width：

#absoluteLayout {
	position: absolute;  //绝对定位
	top: 100px;
	right: 200px;
	width: 280px;
}