在css中，主要通过width属性来设置div的宽度，它的属性值可以为整数，也可以为百分比。下面小编举例讲解CSS中如何设置div的宽度。
工具/原料
1
html+css
2
代码编辑器：Zend Studio 12.5.1
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解CSS中如何设置div的宽度。
2
在test.html文件中，使用div标签创建一个模块，并在div添加文字内容，代码如下：
3
在test.html文件中，设置div标签的class属性为erliu，主要用于下面通过该css设置div的css样式 。
4
在test.html文件内，编写标签，页面的css样式将写在该标签内。
5
在css标签内，通过类名erliu来设置div的样式，div的样式将写在花括号中。
6
在css标签内，编写div的样式，使用width属性设置div的宽度为200px，使用height属性设置div的高度为100px，使用background属性设置div的背景颜色为红色。
总结：
1、创建一个test.html文件。 2、在文件内，使用div标签创建一个模块。 3、在css标签中，通过width属性来设置div的宽度。
注意事项
width宽度属性除了以px为单位，也可以用百分比来表示div的宽度。
上一篇：CSS如何设置字体大小与样式？
下一篇：css样式中怎样控制下划线的粗细