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

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

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

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

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

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