CSS定位和布局属性.ppt

CSS定位和布局属性;13.1CSS定位属性;CSS盒子布局和定位;13.1CSS定位属性;13.1.1正常流向;【例13-1】正常流向（13-1.html）示例;部分代码如下：;13.1.2定位偏移属性top、bottom、right、left;13.1.3定位方式position;静态定位static，遵循正常文档流，是所有元素默认的定位方式，此时4个定位偏移属性不会被应用。一般不特别设定，除非要取消继承其它元素的特别定位。

相对定位relative，遵循正常文档流，基准位置为其在正常文档流中的位置，并通常需要top、bottom、right、left属性配合完成，设定元素相对于原来位置的偏移量。设置为相对定位的元素会偏移某个距离，元素仍然保持其未偏移前的形状，它原来所占的空间仍保留，元素移动后可能会覆盖其它元素。

相对定位一开始会按照“正常流向”来定位，所有的盒子会先定好位置。一旦一个盒子按照正常流向得到自己的位置，它还可以相对该位置而偏移，这就是相对定位。;【例13-2】使用相对定位（13-2.html）;部分代码如下：;body

divid=div1pdiv1/p/div

divid=div2

pdiv2/p

bb元素1/b

bclass=b2b元素2/