position定位

相對定位:relative,可以可以使用方位和方位值來定義它的位置.

列入:top:30px; 定位的區(qū)域就從上向下移動30個像素

/*定位設(shè)置*/

.box1 {

position: relative;

/*float: right;*/ /*相對定位，浮動有效。*/

absolute絕對定位

絕對定位:absolute選擇物上一級來進(jìn)行定位,如果沒有上一級則一直尋找定位止道找到定位

/*定位設(shè)置*/

.box2 {

position: absolute;

left: 30px;

top: 30px;

float: left; /*絕對定位后，浮動失效：定位后，元素脫離浮動流*/}

fixed:固定定位

基于瀏覽器窗口,瀏覽器窗口默認(rèn)大小來進(jìn)行固定定位,.定位在哪里,瀏覽器頁面滾動他就跟著頁面滾動.

總結(jié)：

* 1、與浮動：相對定位——浮動有效，絕對定位——浮動無效。

* 2、與默認(rèn)文檔流：相對定位——在默認(rèn)文檔流占據(jù)定位前的空間，并且影響默認(rèn)文檔流的其他元素的排列。絕對定位不占據(jù)不影響。