一、为何要清除浮动？要解答这个问题，我们得先说说CSS中的定位机制：普通流，浮动，绝对定位 （当中"position:fixed" 是 "position:absolute" 的一个子类）。1）普通流：非常多人或者文章称之为文档流或者普通文档流，事实上标准里根本就没有这个词。假设把文档流直译为英文就...
分类：
其他好文 时间：
2014-07-01 12:59:45
阅读次数：
189
浮动作为网页布局的重要手段之一，给我们带来了诸多便利。但一些副作用也是值得我们去注意的。一旦某个元素具有了float属性之后就会脱离文档流，造成一些意向不到的后果。
分类：
其他好文 时间：
2014-06-29 00:05:08
阅读次数：
270
position属性 拥有三种形式： A.静态定位 （没有设置position属性的默认状态，元素依然处于标准文档流中） B.相对定位 C.绝对定位 可设置四种属性值： static（静态定位） relative（相对定位） absolute（绝对定位）---...
分类：
其他好文 时间：
2014-06-28 14:42:00
阅读次数：
194
页面布局中常用的清除浮动的方法我们在页面布局时，基本上都避免不了使用float，但由此也会引发一些问题，尤其是在容器高度不固定时，此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的，那么由于内部的元素脱离了文档流，父容器就不能被撑开了。如果父容器设置的有背景或者边框的话，此时就不能正常显示...
分类：
其他好文 时间：
2014-06-28 10:18:52
阅读次数：
179
三个技能点： 标准文档流 块级元素 margin 属性一般我们的网页元素会设为头 内容 底部三部分，然后要将三个内容同时居中，我们一般是要在三个标签外层继续加一个wrap包裹标签: ... ... ...需要设置wrap的margin属性#wrap{ margin:0 a...
分类：
其他好文 时间：
2014-06-21 06:43:20
阅读次数：
284
通过float属性设置横向多列布局。float： left 左浮动 right 右浮动 none 不浮动设置了这个属性后，元素会左移或者右移，直到碰触到容器为止。注意： 设置了浮动的元素，依然处于标准文档流当中。意味着他会占用标准文档流中的空间，会对其他元素造成影响。块状元素若是没...
分类：
其他好文 时间：
2014-06-21 00:40:39
阅读次数：
252
正常的块级元素默认会独占一行，我们可以通过浮动的方式来使其脱离文档流，横向排列。但是浮动如果不及时清除，就会影响下一个元素的表现。所以我们要及时地清除浮动。那么如何清除浮动呢？ 首先说明，我们要的是真真正正的清除，不是撑起父元素，所以像为父元素设置高度，这种做法我不提倡。 方法一： 如果上...
分类：
其他好文 时间：
2014-06-17 19:40:22
阅读次数：
235
浮动与清除浮动, 意思就是把元素从常规的文档流中拿出来.拿出来干什么? 一是可以实现传统出版物上那种文字围绕图片的效果, 二是可以让原来从上往下罗列(堆叠)的块级元素, 变成左右并列, 从而实现分栏布局.浮动和清除是用来组织页面布局的一柄利剑,这柄利剑的剑刃就是float和clear属性.浮动元素脱...
分类：
其他好文 时间：
2014-06-14 18:04:39
阅读次数：
240
在HTML元素中，要隐藏元素有两个标签：display:none;//元素隐藏后，会脱离文档流，让出元素位置给其他元素标签visibility:hidden;//元素隐藏，不会脱离文档流，其位置保留
分类：
Web程序 时间：
2014-06-09 14:58:39
阅读次数：
266
曾经写网页，学css整体上不难，但就是元素定位，始终一知半解，直到今天，本着实践出真知的理念，经过认真测试，总结出了如下结论。css 定位：
positionstatic : 默认静止定位，元素在正常的文档流中无法移动定位。absolute
:独立元素，元素从文档流中脱离,会相对于父层(static...
分类：
Web程序 时间：
2014-06-04 15:40:44
阅读次数：
393
