相同：设置后，对应的模块都会脱离文档流不同点：position相应的块级元素会覆盖下面的内容（文字，），而float只会覆盖块级元素，里面的文字会脱离出来 float是浮动定位，position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 在做页面布局的时候,一般会将html ...
分类：
其他好文 时间：
2017-08-23 15:01:57
阅读次数：
226
浮动的工作原理浮动是让某元素脱离文档流，在浮动框之前和之后的非定位元素会当它不存在一样，可能沿着它的另一侧垂直流动，但都为其腾出空间，块级元素也不例外（被浮动元素占据了部分行空间的块级元素，仍然被看作是占据了一整行，只不过是被浮动元素占据的那部分空间无法利..
分类：
Web程序 时间：
2017-08-22 21:50:32
阅读次数：
153
分两种情况： 一，后面的元素是块级元素 block 二，后面的元素是行内元素--inline ...
分类：
其他好文 时间：
2017-08-21 13:26:23
阅读次数：
115
由此而来的居中，显示设置width值，外边距自动，盒子在父元素中居中，而text-align：center则只能用于块级元素的内联内容 左边margin正常，右侧margin又被和谐了 左边margin正常，右侧margin又被和谐了 ...
分类：
其他好文 时间：
2017-08-21 13:25:36
阅读次数：
113
元素是组成HTML文档的基本结构，比如h1、p、ul、div等等。在CSS中，元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看，那么元素还可以分为"块级元素"和“行内元素”。一、替换元素与非替换元素（一）替换元素元素在浏览器中所呈现的内容，并不是由元素在HTML文档中的内容直接 ...
分类：
Web程序 时间：
2017-08-20 22:35:35
阅读次数：
227
display:inline、block、inline-block的区别 display:inline、block、inline-block的区别 display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容 ...
分类：
其他好文 时间：
2017-08-20 21:24:28
阅读次数：
185
【转】 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本 ...
分类：
Web程序 时间：
2017-08-20 20:04:12
阅读次数：
200
【转】 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本 ...
分类：
Web程序 时间：
2017-08-20 19:55:59
阅读次数：
208
1、DIV 相关的技术 Div 它是一个 html 标签，一个块级元素(单独显示一行)。它单独使用没有任何意义，必须结合CSS来使用。它主要用于页面的布局。 Span 它是一个 html 标签，一个内联元素(显示一行)。它单独使用没有任何意义，必须结合CSS 来使用。它主要用于对括起来的内容进行样式 ...
分类：
Web程序 时间：
2017-08-19 22:20:50
阅读次数：
188
居中 日常工作常用到居中，方法很多，在这里梳理几种常见方法 水平居中 大致列表，主要有三类： 1.适用块级元素水平居中 2.适用行内元素水平居中 3.需要已知居中元素的宽 水平垂直居中 绝对定位居中 讲一讲这个的原理，先把居中元素从文档流脱离所以设置了绝对位置，父元素设置相对位置就可以包裹绝对位置的 ...
分类：
其他好文 时间：
2017-08-19 18:30:22
阅读次数：
191
