最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

元素定位

了解CSS樣式定位方式。

利用CSS的position屬性對(duì)元素定位,來看看coosite360中如何設(shè)置

 

static
默認(rèn)值。沒有定位,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 設(shè)置)。

 

relative
生成相對(duì)定位的元素,相對(duì)于其正常位置進(jìn)行定位。
因此,"left:20" 會(huì)向元素的 LEFT 位置添加 20 像素。

 

absolute
生成絕對(duì)定位的元素,相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。



fixed
生成絕對(duì)定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。

相對(duì)定位、絕對(duì)定位、固定都可以設(shè)置top, bottom, left, right 或者 z-index 。

如使用絕對(duì)定位,使一個(gè)div浮于最上層設(shè)置:

點(diǎn)擊右側(cè)設(shè)置按鈕 設(shè)置 z-index
auto可定義為一個(gè)值(整數(shù)數(shù)字),越大代表越置前,如可定義為: z-index:9999。若定義為-1,代表為最底層。

這樣這個(gè)div就浮動(dòng)在上層了。

10

相關(guān)文章: