1.

新建一個(gè)html文件,命名為test.html,用于講解css怎么調(diào)整div的位置。

2.

在test.html文件內(nèi),使用div創(chuàng)建一個(gè)模塊,下面將使用css調(diào)整該div的位置。

3.

在test.html文件內(nèi),給div添加一個(gè)class屬性,用于下面設(shè)置css樣式。

4.

在css標(biāo)簽中,通過class設(shè)置div的樣式,定義其寬度和高度都為100px,背景顏色為紅色。

5.

在css標(biāo)簽內(nèi),再使用position屬性設(shè)置div的位置屬性為絕對(duì)定位absolute,使用left屬性設(shè)置其距離頁(yè)面。