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 条评论