網(wǎng)站制作NEWS
一個(gè)div跟隨另一個(gè)div,但這個(gè)div有固定位置
新建一個(gè)html文件,命名為test.html,用于講解如何將一個(gè)DIV相對(duì)于另外一個(gè)DIV進(jìn)行絕對(duì)定位。

2/7
在test.html文件內(nèi),使用div創(chuàng)建一個(gè)模塊,并設(shè)置其id為aa,主要用于下面通過該id使用css樣式進(jìn)行設(shè)置。

3/7
在test.html文件內(nèi),在上一步的div內(nèi),再創(chuàng)建一個(gè)div模塊,并設(shè)置其id為bb。

4/7
在css標(biāo)簽內(nèi),對(duì)兩個(gè)div進(jìn)行css樣式設(shè)置,定義其寬度為200px,高度為200px。

5/7
在css標(biāo)簽內(nèi),對(duì)id為aa的div進(jìn)行css樣式設(shè)置,定義其position位置屬性為relative(相對(duì)定位),背景顏色為紅色,為了顯示明顯的效果,這里定義該div距離頁面頂部50px。

6/7
在css標(biāo)簽內(nèi),對(duì)id為bb的div進(jìn)行css樣式設(shè)置,定義其position位置屬性為absolute(絕對(duì)定位),背景顏色為黃色,距離外部的div左邊距離為30px,頂部距離為30px。
多重隨機(jī)標(biāo)簽