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

混合布局footer清除浮动具体是什么意思？

在.footer{ ... clear:both}

为什么清楚浮动后就可以正常的显示了呢？网上说清除浮动是指清除其他元素浮动带来的影响，没清除前footer的背景紧挨着在head下面，清除后就正常了？求解

楚燕狂子

2016-02-05

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

关注问题我要回答

1191

操作

收起

3 回答

修养生息的Lueasy 回答被采纳 +3 积分
2016-02-06

回答主：想要最快学会，拥有实战能力，请按照如下步奏学习清楚浮动的知识：

1、第一步：打开计划，点击“网页布局基础”

2、第二步：点开“第三章横向两列布局”

【备注】推荐先看蓝色部分、再看红色部分，这是一个进阶的过程。

3、第三步：看完视频。

相信这三步足以让答主深刻的理解浮动（float）和清除浮动（clear：both），

如果有问题，我们再进行进一步沟通。

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

收起回答

修养生息的Lueasy

排版出了点小失误T_T。

2016-02-06 回复有任何疑惑可以回复我~

楚燕狂子提问者

好的谢谢，还没看到那，继续学习，看了再回复~

2016-02-12 回复有任何疑惑可以回复我~

修养生息的Lueasy 回复楚燕狂子提问者

好的。

2016-02-13 回复有任何疑惑可以回复我~

查看1条回复

楚燕狂子提问者
2016-02-14

浮动元素是不彻底的脱离文档流，是为了达到某种效果而生，而彻底方式是绝对定位。元素设置了浮动后，将不再作为高度参考，且浮动元素会且只会对相邻（紧邻其后）的元素造成影响，使其出现类似文字环绕图片的现象，这时可用清除浮动解除影响。

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

收起回答

修养生息的Lueasy

你还记得蛮认真的

2016-02-14 回复有任何疑惑可以回复我~

jjtt666
2016-02-06

http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/

你看下，应该能解决你的疑惑。

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

收起回答

楚燕狂子提问者

采用通俗的写法，却写的不怎么通俗。。。可能涉及到比较原理性的东西，理解还不是很深刻，刚学知道的有限，所以有点看不懂。

2016-02-12 回复有任何疑惑可以回复我~

0/150

提交

取消

如何用CSS进行网页布局

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

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

进入课程

混合布局footer清除浮动具体是什么意思？

我要回答关注问题

热搜

最近搜索清空

混合布局footer清除浮动具体是什么意思？

3 回答

混合布局footer清除浮动具体是什么意思？