UC知道用css水平排列两个div,不论我怎么修改,两个div之间总是有段缝隙,请高手帮看一下
来源：百度知道 编辑：UC知道 时间：2024/05/27 02:44:24
下面是代码,conent是在左边,右边menu是菜单,两者总是存在缝隙! margin我也设了好像不管用,但如果取消float,变成竖排,这样就没有空隙,不知道是怎么回事
#content {
float:left;
width:650px;
border-left:solid 1px;
border-right:solid 1px;
}
#menu {
border-top:solid 1px;
width:250px;
border-left:solid 1px;
border-right:solid 1px;
}
谢谢!
大家说的都试了,在menu上再加float:left是不行的这样menu这个div会跑到content下边来.加clear right也没用! inline也没有效果,还是有间距,margin设成0也不行!
目前找到一种不知道算不算解决办法的办法" 在content这个div上设置margin-right:-5px 这样就可以了!空隙就消失了!不知道大家有没有更好的办法或者找出这个问题的根本原因?
#content {
float:left;
width:650px;
border-left:solid 1px;
border-right:solid 1px;
}
#menu {
border-top:solid 1px;
width:250px;
border-left:solid 1px;
border-right:solid 1px;
}
谢谢!
大家说的都试了,在menu上再加float:left是不行的这样menu这个div会跑到content下边来.加clear right也没用! inline也没有效果,还是有间距,margin设成0也不行!
目前找到一种不知道算不算解决办法的办法" 在content这个div上设置margin-right:-5px 这样就可以了!空隙就消失了!不知道大家有没有更好的办法或者找出这个问题的根本原因?
#content{float:left;clear:right}
#menu{float:left;}添加我写的那些
* { margin: 0px; }
让第二个DIV也居左浮动就可以了。测试通过，其实很多时候，影响样式的都是一些很小的问题。自己要多琢磨。然后，就是一定要按照规范写，这样一般就不会出现什么问题。需要什么浏览器兼容的也很少。好好加油吧。
里面都加个float:left;display:inline;试试
是你border-left;border-right;border-top;border-bottom这些后面的solid 1px的缘故，你这样就是给边框给了宽，所以预览的时候有空隙，你如果要边框的话就给它加上颜色，border-left:solid 1px #CCCCCC;不要就去掉。