在页面布局时，我们常常会遇到这样一个问题：对子元素采用浮动之后两者会脱离文档流,导致父元素因为没有内容而收缩，隐藏掉我们设置的背景和其他相关样式。这个时候，我们为了清除浮动的影响，一般有以下三种方法：方法一：添加一个进行清理的元素（例如一个段落标签或换行标签），r然后用clear属性进行清理。三种清...
分类：
其他好文 时间：
2014-11-25 08:11:17
阅读次数：
158
CSS float 浮动属性介绍float属性：定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父...
分类：
其他好文 时间：
2014-11-23 21:39:28
阅读次数：
255
绝对定位：position：absolute 绝对定位使元素的位置与文档流无关，因此不占据空间。 绝对定位的元素的位置相对于最近的已定位祖先元素(absoulte、relative)，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 因为绝对定位的框与文档流无关，所以它们可以覆盖...
分类：
Web程序 时间：
2014-11-21 18:37:52
阅读次数：
157
---恢复内容开始---浮动元素处在正常文档流上的浮动流上，浮动元素的渲染方式很特殊，首先按照正常文档流进行布局，然后将该元素从文档流中取出并对该元素尽量向左或者向右移动，周围的内容将会环绕该元素。所以，浮动会对兄弟元素的布局造成影响，而且其效率较低，代价较高。绝对定位则是完全脱离文档流，直接相对于...
分类：
其他好文 时间：
2014-11-21 01:24:44
阅读次数：
130
1.介绍1.1 说明Position属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。1.2 主要的值①absolute：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。②rel...
分类：
Web程序 时间：
2014-11-19 20:27:02
阅读次数：
267
引子：昨天面试时面试官问了如何实现一个固定导航栏，在我答完后面试官问我可能存在哪些问题，如何优化？这个问题我答得不太好，但现在回想起来应该有两个问题：1. 把 fixbar元素 position:fixed 之后，它将脱离文档流，后面的元素将会跟上，这可能会形成一个闪烁，解决方法是跟随的元素设置 m...
分类：
编程语言 时间：
2014-11-15 06:35:55
阅读次数：
208
CSS的相对定位：一.基本概念:顾名思义，此种定位是相对某一个对象进行的偏移，相对定位并不能使对象脱离文档流，尽管它的位置可能产生偏移，但是对象初始位置仍然会被保留。如果要真正掌握此种定位方式，搞清楚需相对于哪个对象进行偏移是关键点。二.如何将一个元素设置为相对定位:当一个对象的position属性...
分类：
Web程序 时间：
2014-11-13 22:15:34
阅读次数：
144
绝对定位absolute的官方定义： 设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 在官...
分类：
其他好文 时间：
2014-11-08 22:04:57
阅读次数：
294
