CSS+DIV 左中右结构问题!

我是要做左中右结构的。。但是右边那块(category)一直在下面。。求解!在线等!

@charset "utf-8";
/* CSS Document */
body{ background-color:#dc223a; background-repeat: repeat;}
.container{ width:900px; margin: 0 auto;}
.banner{ height:300px; background-image: url(../images/banner1.jpg); background-repeat: no-repeat;}

.globalllink{ margin:0;padding:0;}
.globalllink ul{ list-style:none; padding:0; margin:0}
.globalllink li{ float:left; text-align:center; width:180px; height:40px; line-height:40px; background: url(../images/button1.jpg) no-repeat; color: #CC00FF; font-family: "幼圆"; font-weight: bold;}
.globalllink li a:hover{ display:block; background:url(../images/button1_bg.jpg) no-repeat;}
.left{
float:left;
margin:0;
width: 200px;
background: #FFFFFF;
}
.login{ background-color:#FF9; padding:10px 0px 0px 10px;}
.category{
float:right;
margin:0;
width:200px;
background: #FFFFFF;
}
.left p{ margin:0; padding:0;}
.login .text{ background:#FF9; width:90px; border:0; border-bottom: solid 1px #333333;}
.login .btm{ background:#ffeff0; border: solid 1px #333;}
.main{ padding:10px; margin:0px 300px 0px 300px; margin-top:0px;}
.main .latest{ background:url(../images/main.jpg) no-repeat; padding:35px 0px 0px 0px;}

2种可能:
1、内层的宽度加在一起(左中右)超过了外层的宽度;
2、可以试试float:left; (至于float是干啥的你可以百度下,举例就是li标签默认是竖着排列,加上float:left之后就可以横排)

不过具体要你上html和CSS完整代码,看了才知道到底是什么情况!
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-12-09
定义一个div,将左中右三部分当到div中,然后有个样式display:inline;自己试一下看看是不是这么回事。
第2个回答  2013-12-09
我是要做左中右结构的。。但是右边
第3个回答  2013-12-09
不知道你的HTML代码是怎么写的,贴上来看看
相似回答