CSS+DIV三種元素定位方式

1、css+div三種元素定位方式css中元素的定位復(fù)雜的網(wǎng)頁(yè)布局都是通過(guò)各種網(wǎng)頁(yè)元素靈便定位實(shí)現(xiàn)的，網(wǎng)頁(yè)中的各種元素定位都有自己的特點(diǎn)。今日為大家聊一下css中常用的三種定位辦法。這里說(shuō)的定位不是table排版的，而是通過(guò)div+css的辦法對(duì)頁(yè)面中的塊元素的定位。 float定位float定位是css排版十分重要的手段，新手一定要多多練習(xí)嫻熟把握。float定位屬性值有三種left、right和默認(rèn)值none。設(shè)置了元素向左（left）或者向右（right）浮動(dòng)時(shí)，元素會(huì)向父元素的坐車或者右側(cè)逼近。可以靈便運(yùn)用浮動(dòng)實(shí)現(xiàn)復(fù)雜的排版效果比如說(shuō)文字環(huán)抱和八仙過(guò)海。另外可以用法clear:both屬性

2、消退上面向下面的排版影響。下圖是一段容易的css+div代碼，a是b、c和d的父元素，b元素用法了左float定位，c元素用法了有float定位，d元素用法了clear:both清除浮動(dòng)影響。 position定位position定位于float一樣，也是css排版中常常用到的，從字面上理解就是指定塊元素的位置，它是相對(duì)于父元素的位置和相對(duì)其他自身應(yīng)當(dāng)在的位置。position有static、absolute、inherit、relative和fixed五個(gè)值。static是默認(rèn)值，它表示元素保持在本來(lái)的位置上，沒(méi)有任何移動(dòng)效果。absolute：它表示元素生成肯定定位，可以設(shè)置top、rig

3、ht、bottom、left四個(gè)值來(lái)調(diào)節(jié)元素的位置。relative：它表示生成相對(duì)定位的元素，相對(duì)于其正常位置舉行定位。fixed：它表示生成肯定定位的元素，相對(duì)于掃瞄器窗口舉行定位，也可以設(shè)置top、right、bottom、left四個(gè)值來(lái)調(diào)節(jié)元素的位置。inherit：規(guī)定從父元素繼承 position 屬性的值。需要注重的是ie掃瞄器不支持position定位的inherit屬性。下圖是一段容易的absolute定位代碼。 z-index空間位置z-index屬性用于調(diào)節(jié)定位是重疊快的上下位置，你可以想象為x-y軸，垂直于頁(yè)面為z軸，z-index值越大他的位置就越往上。z-index值為整數(shù)，可以是負(fù)數(shù)，元素設(shè)置了position浮現(xiàn)重疊時(shí)，為了保證排班效果，需要設(shè)置它們的z-index屬性值。默認(rèn)的z-