.menu{width:800pxheight:30px}
.menu ul{margin:0pxpadding:0px}
.menu ul li{float:leftwidth:160pxtext-align:center line-heigh:30px}
</style>
<div class="menu">
<ul>
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
<li>菜单四</li>
<li>菜单五</li>
</ul>
</div>
<div style="clear:both"></div>
//用浮动
CSS中如何设置div的宽度?我们在CSS布局中常常对指定DIV设置一定宽度，这里DIVCSS5为大家介绍两种设置DIV宽度(width)的方法。
一、外部CSS样式设置DIV宽度 - TOP
首先我们新建命名一个CLASS www.hbbz08.com 或ID的类，这里CSS命名为“.divcss5”，以class引用。并且设置宽度为300px，CSS选择器代码如下：
.divcss5{width:300px}
/* css 注释：这样设置了对象divcss5宽度为300px样式 */
针对DIV使用代码：
<divclass="divcss5">我宽度设置为300px</div>
宽度设置截图：
外部CSS宽度设置案例截图查看大图
外部CSS宽度设置案例截图
二、div标签内设置CSS宽度样式 - TOP
假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。
直接得到HTML代码片段：
<divstyle="width:300px">我宽度设置为300px</div>
标签内设置宽度样式截图：
