1

/7

新建一個(gè)html文件，命名為test.html，用于講解html中怎么用CSS固定一個(gè)div模塊位置不變。

2

/7

在test.html頁(yè)面中，創(chuàng)建一個(gè)div模塊，并在div內(nèi)寫上測(cè)試的文字，用于測(cè)試。

3

/7

在test.html頁(yè)面中，使用css設(shè)置div的寬度為100%，高度為100px。代碼如下：

4

/7

在test.html頁(yè)面中，使用css設(shè)置div內(nèi)的文字垂直、水平居中，并設(shè)置文字的大小為30px。代碼如下：

5

/7

在test.html頁(yè)面中，使用css設(shè)置div內(nèi)的文字顏色為白色，同時(shí)設(shè)置div的背景顏色為紅色。代碼如下：

6

/7

最后，在test.html頁(yè)面中，使用css設(shè)置div的位置屬性為absolute，即在頁(yè)面中固定位置，并使用bottom設(shè)置div固定在頁(yè)面的底部。

7

/7

在瀏覽器打開(kāi)test.html頁(yè)面，可見(jiàn)，div成功固定在頁(yè)面的底部。