最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

float浮动的小问题~_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:33:04
文档

float浮动的小问题~_html/css

float浮动的小问题~_html/css_WEB-ITnose: 效果: 问题: 我觉得第二个div向左浮动,是应该覆盖第一个div啊?因为它已经脱离文档流了,为什么还是在第一个div下边呢? 谢谢! 回复讨论(解决方案) 设置绝对定位position: absolute; 设置绝对定位position: absolute
推荐度:
导读float浮动的小问题~_html/css_WEB-ITnose: 效果: 问题: 我觉得第二个div向左浮动,是应该覆盖第一个div啊?因为它已经脱离文档流了,为什么还是在第一个div下边呢? 谢谢! 回复讨论(解决方案) 设置绝对定位position: absolute; 设置绝对定位position: absolute



效果:


问题:
我觉得第二个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 就是这样子了
不好意思 错别字了

嗯,谢谢大家的回答!




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

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

float浮动的小问题~_html/css

float浮动的小问题~_html/css_WEB-ITnose: 效果: 问题: 我觉得第二个div向左浮动,是应该覆盖第一个div啊?因为它已经脱离文档流了,为什么还是在第一个div下边呢? 谢谢! 回复讨论(解决方案) 设置绝对定位position: absolute; 设置绝对定位position: absolute
推荐度:
标签: 问题 的问题 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top