块级格式化上下文：在父级建bfc，子级浮动导致高度塌陷可以找回高度 overfolw：hidden 常见会触发bfc的：1.根元素 2.folat 3. overolw:auto scroll ,hidden4.display:table-cell, table-caption inline-blo ...
分类：
Web程序 时间：
2017-04-24 01:02:16
阅读次数：
237
初学CSS时，我们学到很多有意思的CSS规则，比如外边距塌陷，还有浮动元素的一些特性等，其实这些规则背后都是BFC这个东西在控制，下面我们来看下BFC到底是什么。什么是BFCBFC（Blockformattingcontexts），翻译过来就是块级格式化上下文，指的是一种上下文环境，我们暂且不管它..
分类：
其他好文 时间：
2017-04-08 23:07:41
阅读次数：
227
实际开发中：我们想要看到的效果是： 然而结果是： 这个时候，我们就要清除浮动带来的影响——父元素高度塌陷了。 清除浮动的办法有： 方法一：添加新的div，clear：both; 方法二：父级div定义 overflow: auto（注意：是父级div也就是这里的 div.outer） 方法三：方法 ...
分类：
Web程序 时间：
2017-03-28 18:55:23
阅读次数：
180
浮动元素父元素高度自适应（高度塌陷） hack1：给父元素添加声明overflow:hidden; hack2: 给父元素加height hack3: 在浮动元素下方添加空div,并给该元素添加 声明：div{clear:both; height:0; overflow:hidden;} hack4 ...
分类：
其他好文 时间：
2017-03-21 22:14:42
阅读次数：
169
1/浮动会脱离文档流，使块级元素不在独占一行 2/行内元素浮动后变成行块元素，可指定宽高了 3/元素浮动不会穿过Padding区域 4/水平方向设置margin不会重叠，margin值会相加 5/父级元素不够摆放子级元素时，自动换行。 6/如果浮动了文本，会使元素折叠到最小宽度，建议单独设置宽度 7 ...
分类：
其他好文 时间：
2017-03-14 23:54:14
阅读次数：
166
css基础的东西集中体现在了“磊盒子”这一个枯燥无味的东西上面，灵活的运用盒子的内外边距，浮动，定位以及一些基础的属性，将一个静态的页面变得磊出来，这是CSS基础的练习。 在css基础练习里面有几点需要注意的小点： 1.margin的塌陷问题，这个问题分文两点，一种是上下同级的盒子的上外边距和下外边 ...
分类：
Web程序 时间：
2017-03-11 11:57:40
阅读次数：
232
不清除浮动的一个常见危害是高度塌陷。关于高度，下面说这么几种情况： 解决浮动的办法： clear:both，不允许元素两侧有浮动（你可以理解为，遇到浮动元素会往下挪，从而撑起高度） 加两个点是CSS3新规，兼容的话一个点就好 缺点在于创建了不必要的节点，所以普遍做法是第一种 ...
分类：
其他好文 时间：
2017-03-09 11:40:14
阅读次数：
151
清除浮动的几种方法 2017-02-16 19:03:17 当某元素的子元素设置浮动时，该元素就会产生塌陷，无法自适应高度。这种情况的出现严重影响了网页排版，因此我们必须要清除浮动来避免浮动溢出，父元素塌陷的发生。以下有几种清除浮动的方法： 方法和描述 代码示范 优弊 一、浮动后在结尾加一个空的标签 ...
分类：
Web程序 时间：
2017-02-16 23:09:09
阅读次数：
423
以下内容为转载。 方法1：给浮动的元素的上级添加高度如果一个元素要浮动，那么它的祖先元素一定要有高度。高度的盒子，才能关住浮动。只要浮动在一个有高度的盒子中，那么这个浮动就不会影响后面的浮动元素。所以就是清除浮动带来的影响了。所以只需要给li的上级ul或者div设置一个height：40px；（只要 ...
分类：
Web程序 时间：
2017-01-24 23:44:28
阅读次数：
251
我们都知道浏览器有bug，而IE的bug似乎比大多数浏览器都多。IE的表现与其他浏览器不同的原因之一就是，显示引擎使用一个称为布局(layout)的内部概念。 因为布局是专门针对显示引擎内部工作方式的概念，所以一般情况下不需要了解它。但是，布局问题是许多IE显示bug的根源，所以理解这个概念以及它如 ...
分类：
Web程序 时间：
2017-01-16 07:40:45
阅读次数：
259
