css设置div盒子宽高，css设置div宽度

如何给div设置宽高和背景颜色?

在test.html文件中，使用css设置div的样式，将其宽度设置为500px，高度设置为272px，背景图片设置为272px。在test.html文件中，在div下创建一个名为“更改背景颜色”的按钮。

首先，先设置一个div，待会我们使用css3给这个div设置过渡效果。然后给div设置宽高和背景，这里我就设置成200像素，深粉色。接着开始设置transition属性，通过这个属性就可以给元素添加过渡效果。

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

在div里面书写了一些文字，然后想要在放入一张图片。首先，我们应该先给div设置宽度和高度，保证文字有一个范围。然后通过background给div添加一张图片作为它的背景。

相关问答

Q1: 怎样让DIV自适应高度

第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。

方法一：给父div定一个高度；方法二：对父级div标签闭合/div前加一个clear清除浮动对象；方法三：给父div加 overflow：hidden。

想让外层div自动适应内层div的高度和宽度 1）高度不需要设置，它会自适应 2）宽度可以给外层div加浮动或定位，加了之后内容有多宽，它就有多宽。或者是通过js获取内层元素的宽高然后给外层div加上即可。

Div自适应高度只需把height属性设置为auto即可，其实div默认高度的样式值就是auto，如果要想div自适应高度，可以对div不设置height样式即可实现。范例如下：增加div中的内容，其高度自动改变。

Q2: div标签中如何设置高度和宽度

1、只需要把HTML或BODY的高度设定为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。

2、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。

3、高度：理论上讲，高度应该和宽度的设置类似，只不过是在垂直方向上：DIV{；left：200px；top：40px；height：150px} 这里我用了“理论上讲”，因为有些浏览器不支持高度属性。

4、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

关于css设置div盒子宽高和css设置div宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。