新建一个html文件 ， 定名为test.html ， 用于讲解CSS怎么实现div跟着网页的大小转变而转变 。
文章插图
2在test.html页面中 ， 利用css初始化body和div的表里边距 ， 代码如下：
文章插图
3在test.html页面中 ， 建立一个div ， 本家儿要用于包抄内部的div ， 设置其class属性为con 。
文章插图
4在test.html页面中 ， 利用css设置class为con的div宽度为100% ， 即占满整个网页 ， 并设置div居中对齐 。
文章插图
5在test.html页面中 ， 在类名为con的div内 ， 建立三个div ， 类名别离为con1 ， con2 ， con3 。
文章插图
6在test.html页面中 ， 利用css同一设置内部的div浮动标的目的左 ， 高度为300px ， 并别离设置每个div的布景颜色和宽度 。
注：为了实现div随网页的大小转变而转变 ， 内部div宽度加起来总的宽度必需为100% 。
文章插图
7【CSS怎么实现div随着网页的大小变化而变化】在浏览器打开test.html页面 ， 改变网页的大小 ， div的大小也随之改变 ， 如下图所示：
文章插图
文章插图
以上内容就是CSS怎么实现div随着网页的大小变化而变化的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 水培转运竹发黄怎么办
- 在家怎么种芋头，冬天能种吗
- Win10总是弹出已重置应用默认设置怎么样关闭
- 怎么用CSS+DIV在图片上布局文字
- 黄花菜的做法，怎么做好吃
- CSS如何做到将价格划掉的效果
- css如何控制一个div在另一个div中间
- 转运竹叶子发黄怎么办
- 文竹怎么水培，水培多久生根
- css中怎么样才能使内容在div的底部中间