css中水平并列有三个div块元素,左边的div给了左浮动,可为啥左边哪个没有在最左？

Posted 2023-05-02

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css中水平并列有三个div块元素,左边的div给了左浮动,可为啥左边哪个没有在最左？相关的知识，希望对你有一定的参考价值。

可加个外边框后，就可以了。这是什么情况？

这个你可以使用浏览器的审查元素看一下这个div是否有margin-left 等属性，看这个div的父元素是否又或者一些元素的默认值等追问

看了，没有其他默认值

参考技术A 要浮动的话，三个块都要给浮动！不然就会出现这种情况！追问

三个都给了浮动

追答

那就给父DIV加上宽度和高度！

追问

给了，也是一样

追答

能不能把三个块的布局贴出来！可能是布局有问题！

参考技术B 三个都给加上float:left追问

div2和div3顺序要互换，所以如果用三个float:left，排列就不对了

追答

那么第三个加上 float:right

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;

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

可以加个属性：overflow:hidden
在#middle容器里 #left，#right 下边清楚下样式<div style="clear:both;height:0px;font-size:0px;"></div> 参考技术B 把#right样式改成这个
#right
width:750px;
float:left;
border:#000000 1px solid;

让左右两个div的浮动都设为float:left 参考技术C IE6有双边距BUG.还有border也要算进去.你盒子模型还不是很明白.多钻研一下.~追问

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

追答

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

追问

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

追答

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

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

sfsfsfsf
sasdffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffsfsfsf

本回答被提问者采纳参考技术D 看你的html什么样子的追问

html

overflow: -moz-scrollbars-vertical;

margin: 0;

padding: 0;

追答

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

追问