如何动态设置div的宽度

有三种属性可以用，offsetWidth用的最多。

1. clientWidth是对象看到的宽度（不含边线,即border）

2. scrollWidth是对象实际内容的宽度（若无padding，那就是边框之间距离，如有padding，就是左padding和右padding之间距离）。

3. offsetWidth是指对象自身的宽度，整型，单位像素（含边线，如滚动条的占用的宽，值会随着内容的输入而不断改变）。

一个DIV的最小宽度是500PX,当内容宽度不足500PX时,其宽度设置为500PX,

当内容宽度大于500PX,

则按实际高度伸展。

.a

{

width:500px

width:automin-width:500pxheight:600px

}

<div

class="a">

此div的宽度可以随着内容的宽度而自动伸展

</div>

使用CSS来设置div的宽度

<div style="width:100px"></div>  

<!-- style内的width设定的就是div的宽度，100px -->

还可以将css写在css文件内，然后在html页面中进行引入

html:

<div class="box"></div>

css : 

.box{width:100px}  ↓

---