利用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)在上層了。