Question

css+div,为什么定义的边框和显示的有差别

为什么显示的框框的高度只随里面内容的增加而增加
不是定义时的固定宽度
就是加了边框才看出大小的
#left{
float:left;
width:210px;
margin-top:10px;
heigth:1500px;
border:1px solid yellow;
#right{
float:right;
margin-top:10px;
width:218px;
height:1500px;
border:1px solid yellow;
}
#center{
width:auto;
margin-top:10px;
margin-left:5px;
margin-right:5px;
clear:none;
height:1500px;
border:1px solid yellow;
}
在一个大的div里定义了left center right三个，但显示有问题，center里面的margin也显示不出来
为什么啊，高手在哪里？

Answer 1

没有很仔细看你的CSS
因为看见出现了很多margin 可以告诉你 margin 是会重合的（貌似是bug），所以 左右或者上下两个相邻的div 你只需要在其中一个div上设置margin 就不会出现重合问题了

div的顺序应该是 left right center 这样向右浮动了以后，才把center置于中间

Answer 2

<style type="text/css">
#left{
float:left;
width:20%;
margin-top:10px;
heigth:1500px;
border:1px solid yellow;
}
#right{
float:right;
margin-top:10px;
width:21%;
height:1500px;
border:1px solid red;
}
#center{
float:left;
width:55%;
margin-top:10px;
margin-left:5px;
margin-right:5px;
height:1500px;
border:1px solid black;
}
</style>
<div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
给你改了下，这是不是你要的效果，自己试验下，div宽度可以再调节

Answer 3

不可能吧，你给div加个border看看还是那样吗？

Answer 4

单看这些没有问题，只有#left里写错一个单词