Question

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

#main1{width:800xp;height: 278px;overflow:hidden}
#middle1 {background:url(http://www.7cspk.com/co/pk/img/vline.jpg);height: 268px;width:660px;margin-left:100px}
#left1 {float: left;width: 308px;background:url

(http://www.7cspk.com/co/pk/img/bgpics.gif);height: 268px;margin-top:-268px}
#right1{ width:17px; height:268px; background:url(../images/newright.jpg) no-repeat;

float:right:500px;}

<div id="main1">
<div id="middle1">此处显示 id "conten2" 的内容</div>
<div id="left1">此处显示 id "content" 的内容</div>
<div id="middle1">此处显示 id "content" 的内容</div
</div>
怎么不能一行显示呢？

Answer 1

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

Answer 2

div还要加上float属性

Answer 3

如果要求一行三列，除了最外边的大DIV 里边3个小的都要浮动