首页 相关文章 CSS网页布局教程:绝对定位和相对定位

CSS网页布局教程:绝对定位和相对定位

CSS网页布局教程:绝对定位和相对定位。通过本文你绝对能理解绝对定位和相对定位了,如果你看完本篇文章还不理解绝对定位和相对定位的话,我看你就别学CSS了!哈哈!

概要:

本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的方法。(本文的示例,请看这个。)

说明:

占位空间:元素在文档流中所占据的空间。
物理空间:元素本身所占据的空间。

下面分3种情况分别对相对定位和绝对定位进行讨论:
1.只使用css第一组属性布局定位元素的情况
2.只使用css第二组属性布局定位元素的情况
3.混合使用第一组和第二组属性的情况

图1为未定位时的初始效果,
层级关系为:
div
div box1
div box2
div box3
效果图:[ 查看全文 ]

2016-02-19 标签:

CSS网页布局教程:绝对定位和相对定位的相关文章

手机页面
收藏网站 回到头部