Question

网页设计问题：这种布局效果哪里有问题？请帮忙解答一下，非常感谢！

布局分为左右两部分：左部id=leftpart，右部id=rightpart，左部宽度250px，高度自适应100%，右部宽度800px，高度自适应100%，为什么会显示出这种效果：

css代码如下：
#leftpart {
width: 250px;
height: 100%;
background-image: url(image/left.jpg);
background-repeat:repeat-y;
float: left;
}
#rightpart {
width:800px;
height: 100%;
margin-left:250px;
border-left: solid 2px #444;/*float:left;*/
padding: 0px;
}
求解答！
现在设置了左部id=leftpart，height为1100px；背景图片repeat-y之后，不可以直接占据左面所有高度吗？

Answer 1

你的网页主体宽度是多少呢？1000px？

800+2+250+250=1302px 自然会被撑破到下一栏。

#rightpart {
width:800px;
height: 100%;
margin-left:250px;
border-left: solid 2px #444;/*float:left;*/
padding: 0px;
}

margin-left:250px;多余！ 增加float: left; 试试

Answer 2

没看出什么问题啊.楼主是指6个并排的小方框没有居中吗?如果是,这还需要在rightpart中做样式啊

Answer 3

你想要的是什么效果》？