关于css布局的一个问题,为什么我这里右边的这个div没有被挤下去?
*{ padding:0; margin:0; } .left{ background: red; float:left; } .right{ background: green; }



<div class="wrap">
<div class="left">abcddddd
<div class="right">bddd
</div>
为什么我这里右边的这个div没有被挤下去?

2个回答

把你的left 中的 float :left 去掉,浮动会脱离文本流

qq_29594393
当作看不见 回复liuyeqingliuyeqing: 脱离文本流,右边的那个是不是块级元素(都是在文本内) 与他都没有关系了,只会占据一定空间,
大约 3 年之前 回复
liuyeqingliuyeqing
liuyeqingliuyeqing 回复当作看不见: 右边这个还是块元素,应该还是独占一行,所以应该到第二行去
大约 3 年之前 回复
liuyeqingliuyeqing
liuyeqingliuyeqing 回复当作看不见: 右边这个没有浮动,还是块元素
大约 3 年之前 回复
qq_29594393
当作看不见 回复liuyeqingliuyeqing: 说了浮动会脱离文本流,就不能把它继续当作块级元素
大约 3 年之前 回复
liuyeqingliuyeqing
liuyeqingliuyeqing 我不是问你如何解决,我是让我帮我解释一下,右边这个按理说也是div,应该右边这个div会下去啊,但是为什么没有下去?
大约 3 年之前 回复

在left中加上clear:both

liuyeqingliuyeqing
liuyeqingliuyeqing 我不是问你如何解决,我是让我帮我解释一下,右边这个按理说也是div,应该右边这个div会下去啊,但是为什么没有下去?
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!