通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。 position 属性值的含义： 提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。 实例 本例把元素位置由相对改为绝对： <html> <head> <styl ...
分类：
Web程序 时间：
2017-08-27 16:08:11
阅读次数：
221
定位： position:absolute; 绝对定位：设置该属性会脱离文档流，没有浮动效果，下面块会与上面重合。默认情况下，设置了绝对定位的块，它的top、left是相对于浏览器。当一个元素的父元素设置了绝对定位的时候，该元素在设置定位的时候（绝对、相对、固定），该元素的top和left相对的是父 ...
分类：
Web程序 时间：
2017-08-26 22:49:09
阅读次数：
289
参考源：http://blog.csdn.net/chen_zw/article/details/8741365 我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 Relati ...
分类：
Web程序 时间：
2017-08-25 14:54:50
阅读次数：
225
一、相关概念介绍 1、文档流 HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 2、浮动层 给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。 注意事项： ① 浮动元素在文档流空出的位置是由续的(非浮动)元 ...
分类：
Web程序 时间：
2017-08-24 21:18:43
阅读次数：
210
css的布局模型分为流动模型（Flow）、浮动模型（Float）、层模型（Layer）。浮动模型（Float）和层模型（Layer）有什么显著区别？浮动模型（Float）：浮动是让某元素脱离文档流的限制，在浮动框之前和之后的非定位元素会当它不存在一样，可能沿着它的另一侧垂直流动；浮动的元..
分类：
其他好文 时间：
2017-08-23 22:58:12
阅读次数：
719
相同：设置后，对应的模块都会脱离文档流不同点：position相应的块级元素会覆盖下面的内容（文字，），而float只会覆盖块级元素，里面的文字会脱离出来 float是浮动定位，position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 在做页面布局的时候,一般会将html ...
分类：
其他好文 时间：
2017-08-23 15:01:57
阅读次数：
226
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠 ...
分类：
Web程序 时间：
2017-08-23 10:28:53
阅读次数：
189
浮动的工作原理浮动是让某元素脱离文档流，在浮动框之前和之后的非定位元素会当它不存在一样，可能沿着它的另一侧垂直流动，但都为其腾出空间，块级元素也不例外（被浮动元素占据了部分行空间的块级元素，仍然被看作是占据了一整行，只不过是被浮动元素占据的那部分空间无法利..
分类：
Web程序 时间：
2017-08-22 21:50:32
阅读次数：
153
1、了解两个基本概念 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项目 2、弹性布局的使用： 给父容器添加display: flex/inline-flex;即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式 容器添加弹性布局后，仅仅时=是容器内容采用弹性布局 ...
分类：
其他好文 时间：
2017-08-20 22:41:13
阅读次数：
264
居中 日常工作常用到居中，方法很多，在这里梳理几种常见方法 水平居中 大致列表，主要有三类： 1.适用块级元素水平居中 2.适用行内元素水平居中 3.需要已知居中元素的宽 水平垂直居中 绝对定位居中 讲一讲这个的原理，先把居中元素从文档流脱离所以设置了绝对位置，父元素设置相对位置就可以包裹绝对位置的 ...
分类：
其他好文 时间：
2017-08-19 18:30:22
阅读次数：
191
