DIV+CSS一行三列布局的问题

不知道你怎么写成这样~
光看上面代码就有好几出错误
首先
1上面倒数第三行标签没写完全
2出现两个同名字的ID名字，html里面ID是唯一的~在html同名字的ID只能出现一次。
3#right的样式里面最后的float:right:500px;谁教你这么写的，不敢乱发明创造啊
4不算错误~算是规范问题~上面有的背景地址是全路径，有的是相对路径~请统一~要不全是全路径，要不全部是相对路径。代码要严谨。。
至于为什么不能一行~
请在id为middli1的样式里面加上左浮动或者右浮动~
因为left1和right1都写了浮动，样式排布的优先级别比没写middle1的样式高~要是能一行（估计left1和right1就不高兴了~为什么我贵族要和你个平民一桌子吃饭~）能明白不

此处的注释为去掉换行符的影响
wrapper
{
width:
100%;
/
也可以固定宽度
/
height:
200px;
}
wrapper
>
div
{
display:
inline-block;
/
如需支持ie8以下版本，用浮动来做
/
width:
calc(100%
/
3);
/
此处运用了一个css3的表达式，将div三等分，ie8及以上可以支持，当然也可以根据需要设置固定值
/
width:
-webkit-calc(100%
/3);
width:
-moz-calc(100%
/
3);
height:
100%;
}
以上经亲自测过，ie8+、chrome、firefox表现良好。

我理解的方法如下，没做完整代码，class或使用ID的CSS属性需自己添加第一行：
<div
class="行1">
<div
class="行中的列1">
<div
class="行中列的块">块1内容</div>
<div
class="行中列的块">块2内容</div>
<div
class="行中列的块">块3内容</div>
<div
class="行中列的块">块4内容</div>
</div>
<div
class="行中的列2">
<div
class="行中列的块">块1内容</div>
<div
class="行中列的块">块2内容</div>
<div
class="行中列的块">块3内容</div>
<div
class="行中列的块">块4内容</div>
</div>
</div>
同理行二和行三。
~

想要让多个div元素并列成一行，可以将div元素的float属性设置为left。但这样做还不够，应为当浏

览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部，所以需要将想要并列的div元素套

在另外一个大div里，当然，这个大div宽度要大于并排div宽度的总和。这样子，就可以做到怎么变

换窗口大小时div都不会跑到下面了。

以下是具体演示步骤：

1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。

2、在body标签里添加一个大div来容纳并列的div。

3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可

4、运行效果。

bieshu bieshu2 bieshu3都加上
overflow:hidden 试试
另外LZ下次把代码发全了 。你的ul的格式没清除（list-style-type:none）
然后边距也没调（{ padding:0px; margin:0px;}）
看着真别扭

---