padding值的区别：1、四个值：上 右 下 左2、三个值：上 左右 下3、两个值：上下 左右4、一个值：上下左右 响应式布局：一般用em为单位 postion定位 三种定位机制：1、普通流（标准流）2、浮动 3、绝对定位（脱离文档流） static：静态定位（无定位）relative：相对定位 ...
分类：
Web程序 时间：
2016-04-20 23:47:12
阅读次数：
230
转自：http://www.w3cplus.com/css/float.html 一、float是什么？ float即为浮动，在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。下面解释下这个定义中的几个名词的概念： 文档流：在html中文档流即为元素从上至下排列的 ...
分类：
Web程序 时间：
2016-04-19 22:57:26
阅读次数：
435
绝对定位与相对定位的区别： 1. position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的 ...
分类：
其他好文 时间：
2016-04-17 17:47:03
阅读次数：
134
只要position的属性值设置的不是默认的值则定位的元素都将脱离文档流 1、static是position的默认的值，按照正常的文档流进行排版，设置了该属性值得元素的top，left属性均不起作用。 2、Fixed属性值是相对于浏览器窗口定位的（及视口坐标），设置该属性后的元素是独立的，他脱离文档 ...
分类：
Web程序 时间：
2016-04-17 17:27:53
阅读次数：
210
position 定位属性，检索对象的定位方式； 一、语法：position：static /absolute/relative/fixed 取值： 1、static：默认值，无特殊定位，对象遵循HTML原则； 2、absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/to ...
分类：
其他好文 时间：
2016-04-14 01:26:31
阅读次数：
204
CSS2中如果要设计多列布局，常用的方法有浮动和定位，但是浮动容易错位，定位无法满足模块的自适应能力，以及模块之间的文档流联动的需要。为了解决多列布局的难题，CSS3新增了多列自动布局功能。 利用多列布局属性可以自动将内容按指定的列数排列，这种特性特别适合报纸和杂志类网页布局。 1.columns ...
分类：
Web程序 时间：
2016-04-12 01:57:04
阅读次数：
274
1.绝对定位: position：sbsolute； 作用：将元素从文档流中拖出来，然后使用 left,right,top,bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。 若不存在这样的包含块，则相对于Body元素，即相对于浏览器窗口。 2.相对定位： position:r ...
分类：
其他好文 时间：
2016-04-10 16:14:34
阅读次数：
235
浮动 ： 使元素脱离文档流，按照指定的方向发生移动，遇到父级边界或者相邻的浮动元素则停下来； 元素被设置浮动属性后，呈现的特征有： 1.多个块可以在一行显示 2.内联元素支持狂傲 3.默认宽度由内容撑开 4.脱离文档流 5.提升该元素层级，但仅有半级，不会越过父级边界 clear ： left，ri ...
分类：
Web程序 时间：
2016-04-10 06:51:58
阅读次数：
196
原文地址：http://www.codefans.net/articles/653.shtml 因CSS很多布局是需要浮动的，当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，为了使float后面的元素不被float浮动层的影响，我们就需要用clear:both;来清除。比如下面的例 ...
分类：
其他好文 时间：
2016-04-06 10:52:01
阅读次数：
135
层模型--相对定位 如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来) ...
分类：
其他好文 时间：
2016-04-05 01:57:31
阅读次数：
145
