html如何把div变大,css怎么设置div大小变化？

首先我们要知道DIV大小是由高和宽确定，要修改DIV容积大小我们设置css宽度和css高度即可实现改变DIV盒子大小变化。

CSS 宽度是指通过CSS 样式设置对应div宽度：

宽度用法：

1、Width:100%(以百分比计算宽度)

2、width:200px;(宽度为200像素(px))

3、Width:20em(宽度为20相对长度单位)

css高度基本用法：

1、Height:auto 设置高度自动(通常默认高度是auto自动，自适用内容而增高，通常如果想高度自适应不用设置)

2、Height:20px 设置高度为固定数值

通过修改div宽度与高度来设置div大小变化示例：

css代码：.div1{ border:1px solid #F00; width:200px; height:100px}

HTML代码：

我大小为宽200 高100

设置DIV盒子大小宽度为200px 高度为100px效果如下：

我们改变这个DIV大小宽度为300px;高度为200px：

css代码：.div2{ border:1px solid #F00; width:300px; height:200px}

HTML代码：

我大小为宽300 高400

效果如下：