                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

footer没有清除浮动时，div footer忽略div main跑到div head下面去了，为什么div footer里的文字“footer”还留在下面？文字与div不是一体而是分离的么？

footer没有清除浮动时，div footer忽略div main跑到div head下面去了，为什么div footer里的文字“footer”还留在下面？文字与div不是一体而是分离的么？

Aishah_MK

2016-08-25

源自：如何用CSS进行网页布局 5-2

关注问题我要回答

827

操作

收起

4 回答

Aishah_MK 提问者
2016-09-05

我的问题解决了，来回复一下。“被浮动的元素已经从元素流中取出，所以浏览器会正常摆放其他元素（块元素）而忽略被浮动的元素，但是浏览器在布置内联元素时会考虑到被浮动元素的边框，让内联元素围绕着被浮动元素。”这是我在书上看到的，意思是div footer已经感受不到div main了，但是div footer还感受得到div main的边框，所以footer div跑上去了，但是里面的文字（内联元素）被挡在下面了。

3 回复有任何疑惑可以回复我~

#1

Aishah_MK 提问者

手误，div footer已经感受不到div main了，但是div footer里的内联元素还感受得到div main的边框

2016-09-05 回复有任何疑惑可以回复我~

qq_感谢永远有歌把心境道破_03171663
2016-08-30

同问！！

0 回复有任何疑惑可以回复我~

#1

Aishah_MK 提问者

我的问题解决了，来回复一下。“被浮动的元素已经从元素流中取出，所以浏览器会正常摆放其他元素（块元素）而忽略被浮动的元素，但是浏览器在布置内联元素时会考虑到被浮动元素的边框，让内联元素围绕着被浮动元素。”这是我在书上看到的，意思是div footer已经感受不到div main了，但是div footer还感受得到div main的边框，所以footer div跑上去了，但是里面的文字（内联元素）被挡在下面了。

2016-09-05 回复有任何疑惑可以回复我~

#2

Aishah_MK 提问者回复 Aishah_MK 提问者

手误，div footer已经感受不到div main了，但是div footer里的内联元素还感受得到div main的边框

2016-09-05 回复有任何疑惑可以回复我~

odd_even
2016-08-30

同问,

0 回复有任何疑惑可以回复我~

#1

Aishah_MK 提问者

我的问题解决了，来回复一下。“被浮动的元素已经从元素流中取出，所以浏览器会正常摆放其他元素（块元素）而忽略被浮动的元素，但是浏览器在布置内联元素时会考虑到被浮动元素的边框，让内联元素围绕着被浮动元素。”这是我在书上看到的，意思是div footer已经感受不到div main了，但是div footer还感受得到div main的边框，所以footer div跑上去了，但是里面的文字（内联元素）被挡在下面了。

2016-09-05 回复有任何疑惑可以回复我~

#2

Aishah_MK 提问者回复 Aishah_MK 提问者

手误，div footer已经感受不到div main了，但是div footer里的内联元素还感受得到div main的边框

2016-09-05 回复有任何疑惑可以回复我~

丶憨笑半步颠
2016-08-25

因为float让div脱离了文档流，而div又是块级元素，所以在head下一行

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

footer没有清除浮动时，div footer忽略div main跑到div head下面去了，为什么div footer里的文字“footer”还留在下面？文字与div不是一体而是分离的么？

我要回答关注问题

意见反馈帮助中心 APP下载