视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
float浮动的小问题~_html/css
2020-11-27 16:33:04 责编:小采
文档

 

效果:


问题:
我觉得第二个div向左浮动,是应该覆盖第一个div啊?因为它已经脱离文档流了,为什么还是在第一个div下边呢?

谢谢!


回复讨论(解决方案)

设置绝对定位position: absolute;

设置绝对定位position: absolute;
这个我知道。我问的是为什么这个浮动不上去

谁能帮我解答一下啊??

浮动不是脱离文档流
你从哪看来的?
块级元素左右不能有并排的元素的,要不就设置浮动或者定位
你第一个div没有浮动,也没有定位,所以第二个浮动div自然跑下面去了

脱离文档流是绝对定位或者固定定位

float本来就不会覆盖

浮动的定义 可以参考
http://www.w3school.com.cn/css/css_positioning_floating.asp

楼上的??++++

第一个也要浮动

div是块级元素,第一个div你没有设置成float所以他会占用整个一行。第二个虽然浮动了但是他也不会占用第一个div的地方。如果你把两个反过来写的话,他们就会重叠了。

第一个div占据了一行,所以第二个的div浮动相当于从第二行开始浮动的,如果你想要你说的效果你可以把两个div的位置互换,第二个放在第一位,就会被覆盖,原理就是第一个因为是浮动,就脱离了文档流,所以第二个div出现在了第一个位置,然后第一个div会浮动过去覆盖掉第一个div 就是这样子了

第一个div占据了一行,所以第二个的div浮动相当于从第二行开始浮动的,如果你想要你说的效果你可以把两个div的位置互换,第二个放在第一位,就会被覆盖,原理就是第一个因为是浮动,就脱离了文档流,所以第二个div出现在了第一个位置,然后第一个div会浮动过去覆盖掉第 二个div 就是这样子了
不好意思 错别字了

嗯,谢谢大家的回答!




这样就出现了你说的效果。。。

下载本文
显示全文
专题