一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： 分析CSS代码样式： 这里我没有给最外层的DIV.outer 设置高度，但是我们知道如果它里面的元素不浮动的话，那么这个外层的高是会自动被撑开的。但是当内层元素浮动后，就出现了一下影响： （1）：背景不能显示 （2） ...
分类：
Web程序 时间：
2016-06-02 11:17:05
阅读次数：
138
如果一个父元素的所有子元素都设置了float效果，则该父元素的高度不会被撑开且颜色也不会显示。这是因为子元素设置float效果后脱离了标准的文档流， 不占据文档空间所以不能把父元素撑开。有时为了解决这个问题可以使用下面几种方法来清除浮动效果。 方法一：使用空标签 该方法就是在子元素后再添加一个空标签 ...
分类：
Web程序 时间：
2016-05-30 21:24:35
阅读次数：
179
常用的清除浮动的方法有以下三种: 此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景 三种清除浮动方法如下： 1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用<P>，够简短，也有很多人用<hr>，只是需要另外 为其清除边框，但理论上可以是任何标签 ...
分类：
Web程序 时间：
2016-05-28 10:05:06
阅读次数：
241
浮动副作用现象 1、css代码如下： 2、body标签内容： 3、页面浏览结果： 说明：本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生了。 浮动产生的副作用 1、背景不能显示 由于浮动产生，如果对父级设置了 ...
分类：
Web程序 时间：
2016-05-18 21:45:56
阅读次数：
213
一、为什么要清除浮动？ 1》父元素在未定义高的情况下，由于子元素全部浮动脱离文本流，而造成父元素高的塌陷（正常情况下，父元素的高是由未浮动的子元素撑起来） 2》因为部分子元素的而浮动，脱离文本流而造成其他元素的布局错乱。 二、常见的几种清除浮动方法 1》给没有浮动的子元素的CSS添加 clear: ...
分类：
Web程序 时间：
2016-05-15 02:10:44
阅读次数：
183
清楚浮动三种方式： 1.根据子元素的可确定高度，为父元素设置指定高度。 2.clear:both;在浮动元素后边添加 div.clearfix clearfix如下： 3.父元素设置overflow:hidden; ...
分类：
Web程序 时间：
2016-03-28 15:13:04
阅读次数：
111
要清除浮动首先要弄清楚为什么需要清除浮动，如果不清除浮动会带来哪些影响 1、为何要清除浮动，由于浮动元素本身会脱离文档流，对于同级的元素而言，排在浮动元素身后的元素会占有浮动元素原有的位置；对于没有设置宽高的父级元素而言，父级元素会出现“坍塌”情况 2.了解了为何要清除浮动，下面需要对浮动元素来分一 ...
分类：
Web程序 时间：
2016-03-26 10:50:09
阅读次数：
140
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。
分类：
Web程序 时间：
2016-03-21 01:44:07
阅读次数：
232
什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而
分类：
Web程序 时间：
2016-02-23 12:59:14
阅读次数：
169
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有...
分类：
其他好文 时间：
2016-01-20 00:51:33
阅读次数：
213
