因为容器的子元素设置浮动后, 内容移出了文档流!解决办法:1.给个overflow:hidden;作为闭合浮动元素2.设定UL 一个固定的高度下面是一些与之相关的解决办法，参考文章《那些年一起清除过的浮动》1)添加额外标签mainside没有添加红色代码前：添加红色代码后：2：在红色代码处放上如上代...
分类：
其他好文 时间：
2015-08-06 23:50:11
阅读次数：
127
浮动与清除浮动, 意思就是把元素从常规的文档流中拿出来.拿出来干什么? 一是可以实现传统出版物上那种文字围绕图片的效果, 二是可以让原来从上往下罗列(堆叠)的块级元素, 变成左右并列, 从而实现分栏布局.浮动和清除是用来组织页面布局的一柄利剑,这柄利剑的剑刃就是float和clear属性.浮动元素脱...
分类：
其他好文 时间：
2015-08-06 20:17:15
阅读次数：
168
绝对定位的特性：1.绝对定位的元素以前所占空间会释放，脱离普通文档流，在层级上是最上层的，所以会覆盖html里它的下面的元素。 用途：不用relative限制absolute,（有利于样式的复用），a.实现一个小东西在一个块上。 2.绝对定位的元素有位置跟随的...
分类：
Web程序 时间：
2015-08-06 18:13:04
阅读次数：
125
我们知道在CSS2中，可以使用“浮动”和“定位”来改变盒子在文档流中的显示方式。这两种方式也是目前广泛使用的布局方式，但是在实践过程中会发现有些特殊的布局没法或者很难通过这两种方式来实现。在CSS3中映入了伸缩布局盒模型的概念，这样可以使得某些难以实现的布局变得非常轻松。
分类：
Web程序 时间：
2015-08-03 16:30:01
阅读次数：
183
首先弄明白一个概念，上面是bfc？
w3c是这样解释
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。
说通俗一点就是：
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block,...
分类：
Web程序 时间：
2015-08-02 20:06:53
阅读次数：
148
替换元素和非替换元素 替换元素：用来替换元素内容的部分并非由文档内容直接表示，用作其他内容的占位符（img, 表单元素，embed等嵌入元素） 非替换元素：元素的内容内容包含在文档流中，大部分元素都是替换元素。...
分类：
Web程序 时间：
2015-07-22 19:11:02
阅读次数：
162
1.position的absolute与fixed共同点与不同点
相同点：（1）改变行内元素的呈现方式，display被置为block。（2）都脱离了文档流，不占据空间（3）默认会覆盖到文档流的上方
不同点：（1）absolute相对于定位了的父元素,fixed相对于浏览器窗口定位，滚动页面，元素相对于浏览器窗口的位置不变
2....
分类：
Web程序 时间：
2015-07-21 20:38:50
阅读次数：
153
最近一个项目用到rabbitmq，为了赶测试进度，只好自己搭建环境了。服务器是CentOS6.5，安装流程基本按官网文档流程，参见Rabbitmq安装。但也有几个步骤略有不同。首先是要安装erlangyuminstallerlang这个过程比较长，我的服务器总共安装了64个相关程序，具体干嘛用的也没弄清楚..
分类：
其他好文 时间：
2015-07-21 15:08:30
阅读次数：
110
1 内联元素和块级元素的区别以及display的三种属性区别在说起display属性之前，就必须先说说什么是文档流，以及文档流中的内敛元素和块级元素又是指什么?一直觉得理解了文档流的概念，一堆CSS布局也就理解起来相对容易点，因为很多布局也都是基于这个理论的，那么什么是文档流呢？ 文档流: 将h.....
分类：
Web程序 时间：
2015-07-21 01:27:45
阅读次数：
177
CSS 有三种基本的定位机制：普通流浮动绝对定位position 属性值的含义：static------（元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。）relative----（元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占...
分类：
Web程序 时间：
2015-07-20 01:09:46
阅读次数：
223
