CSS怎么實現div隨著網頁的大小變化而變化

新建一個html文件，定名為test.html，用于講解CSS怎么實現div跟著網頁的巨細轉變而轉變。

在test.html頁面中，利用css初始化body和div的表里邊距，代碼如下：

在test.html頁面中，建立一個div，本家兒要用于包抄內部的div，設置其class屬性為con。

在test.html頁面中，利用css設置class為con的div寬度為100%，即占滿整個網頁，并設置div居中對齊。

在test.html頁面中，在類名為con的div內，建立三個div，類名別離為con1，con2，con3。

在test.html頁面中，利用css同一設置內部的div浮動標的目的左，高度為300px，并別離設置每個div的布景顏色和寬度。

注：為了實現div隨網頁的巨細轉變而轉變，內部div寬度加起來總的寬度必需為100%。

在瀏覽器打開test.html頁面，改變網頁的巨細，div的巨細也隨之改變，如下圖所示：

0 條評論