第27章CSS传统布局[下]-水之原

学习要点：

1.定位布局

2.box-sizing

3.resize

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS 早期所使用的传统布局，很多情况下，这些布局方式还是非常有用的。

一．定位布局

在使用定位布局前，我们先了解一下定位属性的用法。CSS2 提供了 position 属性来实现元素的绝对定位和相对定位。

属性

说明

static

默认值，无定位。

absolute

绝对定位，使用 top、right、bottom、left进行位移。

relative

相对定位，使用 top、right、bottom、left进行位移。

fixed

以窗口参考定位，使用 top、right、bottom、left 进行位移。

//绝对定位，脱离文档流，以窗口文档左上角 0,0 为起点

 header  { 
    position :  absolute ; 
    top :  100px ; 
    left :  100px ;
} 

查看更多关于第27章CSS传统布局[下]-水之原的详细内容...