/* inline为行内元素不自动换行，不占用文档流，也就是说你在这个后面写一个元素这个元素会并排显示。block为块元素，单独占一行文档，并可以给这个块元素添加宽高背景颜色。而inline-block是使这个元素同时保持不占文档流的情况下又可以作为块元素来写入 *//* inline-block ...
分类：
其他好文 时间：
2016-05-26 18:32:48
阅读次数：
84
positon:static|absolute|relative|fiexd 1、static为默认值，没有定位，元素出现在正常的文档流中，忽略left,right,top,bottom,i-index值。 2、absolute为绝对定位，通过left,top等值对元素进行定位，定位时如果父元素的p ...
分类：
Web程序 时间：
2016-05-21 23:00:47
阅读次数：
192
PS：测试浏览器均为chrome。 首先说下负margin的影响。 正常html页面在显示时，默认是根据文档流的形式显示的。文档流横向显示时，会有一个元素横向排列的基准线，并且以最高元素的vertical-align设置为基准线，此元素的高度也为本行的高度。当横向空间不够，或者元素为block时，文 ...
分类：
Web程序 时间：
2016-05-17 00:37:33
阅读次数：
471
position的absolute绝对定位使元素相对于上一个position为relative或者fiexd或者absolute的父级元素进行定位，原文档流位置是不保留的，relative相对定位是相对于自身进行定位，并保存了原文档流，即是没进行relative之前所在的文档位置，在relative ...
分类：
其他好文 时间：
2016-05-16 08:11:05
阅读次数：
205
样式集小记(一)css浮动设置与清除A：浮动的表示：1.浮动的写法：float:left/right；Float：使HTML元素向左或向右浮动，取值：left、right2.浮动的元素，可以向左或向右浮动，直到碰到包围框的边上或者上一个浮动框的边上为止；3.浮动的元素将脱离普通文档流，并且不再占用空间..
分类：
其他好文 时间：
2016-05-15 12:40:09
阅读次数：
214
作者：张秋怡链接：http://www.zhihu.com/question/24529373/answer/29135021来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Q: 脱离文档流就不占据空间了吗？A: 可以这么说。更准确地一点说，是一个元素脱离文档流（ou ...
分类：
Web程序 时间：
2016-05-15 10:49:20
阅读次数：
179
一 综述： float position 对于div布局的作用明显, 注意使用的细节也变得有必要了. float position 有相同的地方,都会脱离"文档流"(position中绝对定位),游离在"平面空间" 一旦使用不当会导致布局错乱和一些不好处理的bug; 二 float细节： 先看"原始 ...
分类：
其他好文 时间：
2016-05-14 15:33:35
阅读次数：
260
一、概念理解 浮动：顾名思义先浮后动，浮动的对象会先漂浮起来，离开自己原来的位置（也就是所谓的脱离文档流），后动的意思是，它的后面的元素会向它原来的位置动起来。 二、注意事项 1.当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱的现象。（我们可以通过清除浮动的方式进行解决这个 ...
分类：
Web程序 时间：
2016-05-14 14:02:44
阅读次数：
117
在标准文档流里面，块级元素具有以下特点：①总是在新行上开始，占据一整行；②高度，行高以及外边距和内边距都可控制；③宽带始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他块元素。行内元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距部分可改变；③宽度只与内容有关；④行内元素只能 ...
分类：
其他好文 时间：
2016-05-14 09:00:28
阅读次数：
150
1. 使用float布局 注意点：使用浮动布局要注意清除浮动。使用伪类清除 浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。 而此浮动元素在文档流空出的位置，由后续的(非浮动)元素填充上去：块级元素直接填充上去，若跟浮动元素的范围 ...
分类：
Web程序 时间：
2016-05-13 23:21:08
阅读次数：
275
