Question

div+css 我是一个div里带了两个div，两个并列的。但是现在的左边是正常的，右边就是不上去不知道为什么？

宽度没有超过最外面的div的宽度。想知道都有什么情况会出现这种状况？请教各位。。

代码：

#middle {

float:left;

width:100%;

padding-top:10px;

min-height:680px;

}

#left {

float: left;

width: 209px;

border:#cccccc 1px solid;

}

#right {

width:750px;

float:right;

border:#000000 1px solid;

}

Answer 1

你看下是不是#middle 的宽度小于#left+#right 的宽度
如果小于的话，right就会被挤下来，如果你用%来定义宽度的话应该就没问题了

可以加个属性：overflow:hidden
在#middle容器里 #left，#right 下边 清楚下样式<div style="clear:both;height:0px;font-size:0px;"></div>

Answer 2

把#right样式改成这个
#right {
width:750px;
float:left;
border:#000000 1px solid;
}
让左右两个div的浮动都设为float:left

Answer 3

IE6有双边距BUG.还有border也要算进去.你盒子模型还不是很明白.多钻研一下.~

追问

我没用ie6，用的火狐做看的也这样。。border算进去了

追答

你是左右还是左中右啊.我看上面CSS里是三个层.你图片上是两个层. 适当的把那层宽缩小试试.不行加上背景色看一下.IE6下出这种的话加上display:inline

追问

左右。三个一个是最外面的两个是里面并列的。。层宽远小于最外面的

追答

细心一点.检查一下代码.

我写的与你的差不多的.没错的

sfsfsfsf
sasdffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffsfsfsf

Answer 4

看你的html什么样子的

追问

html {

overflow: -moz-scrollbars-vertical;

margin: 0;

padding: 0;

}

追答

.....我是说页面html 代码啊、、看看是怎么布局的、、、、你把页面所有代码都贴出来吧、、如果你就一个div里面嵌套这左右两个div的话是不能出现那样的情况的

追问

显示的是在里面的，但是就是上不去，我想应该不是CSS的问题，右边的好像和左边的还是没放到一个里面去。。但是显示是在里面的。。找不到要放到哪里。。

追答

搞不懂你那是什么情况、、、如果就这段代码：

加上你上面贴的样式的话、是不可能上不去的、除非浏览器窗口小于左右两个div宽度的总和

追问

我那是左边有导航栏，右边是商品栏，但是这两个的div不是在一个里面的。。是分开的文件。我也知道要是这段代码没有理由上不去。。就是想问问，还有没有什么情况是可以上不去的。。

追答

什么情况我就不知道了、、不过只要看了代码就能解决、、

Answer 5

#right｛float:left;｝

追问

嗯，不好使