阅读目录float设计初衷就是为了实现文字环绕效果如何解决浮动造成的父容器塌陷？兼容各浏览器清除浮动的通用方式滥用浮动运用浮动的一些特性浮动与布局浮动与单侧固定布局浮动与智能自适应的流体布局让IE7飙泪的浮动问题包含clear的浮动元素包裹不正确浮动元素倒数2个莫名垂直间距bug浮动元素倒数2个浮动...
分类：
其他好文 时间：
2015-08-01 12:48:35
阅读次数：
195
IE6的3像素bug3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列固定，右列液态的例子，css代码如下：body { margin:0;}#side { float: left; background:#99FF99; height:...
分类：
其他好文 时间：
2015-07-26 22:20:38
阅读次数：
119
一.概念在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影响的。二.产生BFC条件：当一个HTML元素满足下面条件的任何一点，都可以产生Block F...
分类：
其他好文 时间：
2015-07-24 20:34:01
阅读次数：
109
css清除浮动的几种方法以及对应规范说明1、{clear:both;}设置了clear 属性的元素，其上边框位置会紧贴浮动元素的 margin-bottom 边界位置渲染，使包含浮动元素的容器高度正常。所以适用于浮动元素后面容器之内有个非浮动元素，或是额外添加一个新的空元素。2、.after-cle...
分类：
Web程序 时间：
2015-07-23 15:34:56
阅读次数：
111
BFC，全称是Block Formatting Context，块级格式化上下文。
具体是什么，可以理解为页面元素的一种特性，触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。
触发BFC的方法有下面几种，满足其中任意一种就能触发BFC：
浮动元素（float除了none以外任意值）
绝对定位元素（position为absolute或fixed）
display为inline-bloc...
分类：
Web程序 时间：
2015-07-22 01:37:32
阅读次数：
161
什么是CSS Float？定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级元素，而不论它本身是何种元素。元素对象设置了float属性之后，它将不再独自占据一行。浮动块可以向左或向右移动，直...
分类：
Web程序 时间：
2015-07-16 16:00:40
阅读次数：
108
1、常用方法——overflow给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom:1。在添加overflow属性后，浮动元素又回到了容器层，把容器高度撑起，达到...
分类：
Web程序 时间：
2015-07-15 14:52:49
阅读次数：
162
在开始的学习过程中，不清楚什么是双边距，通过上网查询，渐渐知道原形。概述为：若给一个浮动元素加上了同浮动方向一致的margin，则会在IE6上表现出双边距（在浮动方向的最边上会出现2*的margin）.用图可表示为：高版本浏览器：IE浏览器：代码如下： ...
分类：
其他好文 时间：
2015-07-14 19:36:36
阅读次数：
77
一、浮动介绍历史：浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。定位方式：浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。Note:1、碰到容器的...
分类：
Web程序 时间：
2015-07-07 00:51:34
阅读次数：
240
使用float的一些注意事项1、上一个块级元素使用float后，后面的内联元素会跟着浮动，而后面的块级元素不会跟着浮动2、假如div1使用了clear:left ，是要求div1左边不能有浮动元素，以此类推。3、假如块级元素中包含了内联元素，且前面有浮动元素。块级元素本身不浮动，继续文档流。而内联元...
分类：
其他好文 时间：
2015-07-05 22:26:56
阅读次数：
206
