外边距（外填充）合并现象： 定义：外边距合并指的是，当两个垂直外边距相遇时，它们将合并形成一个外边距。 1、两个层是上下排列关系的时候： 当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的两个上和下外边距也会发生合并。请看下图： 注释：只有普通文档流中块框的垂直外边距才会发... ...
分类：
其他好文 时间：
2016-04-05 00:43:15
阅读次数：
149
1.绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-i ...
分类：
Web程序 时间：
2016-04-03 22:02:44
阅读次数：
159
BFC：块级格式化上下文 占用某一块的空间位置，主要用于清除内部浮动（防止因浮动脱离文档流引起的布局错乱），margin值的嵌套（之前写过一篇关于margin-top嵌套的解决方法），三列布局（占用空间）。 BFC布局规则：（摘自http://www.cnblogs.com/lhb25/p/insi ...
分类：
其他好文 时间：
2016-03-31 23:14:13
阅读次数：
178
方法总结 一、绝对定位之automargin 先来看一下绝对定位的概念： position : absolute; 将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还 ...
分类：
其他好文 时间：
2016-03-31 14:23:00
阅读次数：
148
行级元素和块级元素 1.什么是标准文档流在不使用绝对定位和浮动等CSS相关规则的时候，咋们的各个元素排列的规则。换句话说就是CSS规定网页元素默认排列的方式 2.块级元素与行级元素比较，特点：*独占一行，前后的内容换行显示。*块级元素可以作为容器，可以容纳其他块级元素和行级元素，经常用来布局，行级元 ...
分类：
Web程序 时间：
2016-03-29 23:44:57
阅读次数：
301
1、在创建了 Block Formatting Context 的元素中，其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。 根据 CSS 2.1 8.3.1 Collapsing margins 第一条，两个相邻的 ...
分类：
其他好文 时间：
2016-03-28 08:22:44
阅读次数：
274
要清除浮动首先要弄清楚为什么需要清除浮动，如果不清除浮动会带来哪些影响 1、为何要清除浮动，由于浮动元素本身会脱离文档流，对于同级的元素而言，排在浮动元素身后的元素会占有浮动元素原有的位置；对于没有设置宽高的父级元素而言，父级元素会出现“坍塌”情况 2.了解了为何要清除浮动，下面需要对浮动元素来分一 ...
分类：
Web程序 时间：
2016-03-26 10:50:09
阅读次数：
140
在No.4中谈及了下盒子模型，引出布局模型 1、布局模型有三类： 1）流动模型 flow（默认） 2）浮动模型 float 3）层模型 layer 2、文档流 ：指的是文本沿着从左到右的方向展开，就像流的形式 脱离文档流指的是一个元素脱离文档流之后，其他元素在定位的时候会当作没发现它，两者的位置重叠
分类：
Web程序 时间：
2016-03-22 00:43:32
阅读次数：
127
1.relative不脱离文档流，只相对于自身原来的在文档流中的位置进行偏移，所使用top right bottom left是相对于原来的box的对应的margin进行偏移，相对于top(往下)right(往左)bottom(往上)left(往右)这些方向的偏移是正的，相反方向为负，可以总结一下，
分类：
其他好文 时间：
2016-03-19 14:30:19
阅读次数：
141
圣杯布局和双飞翼布局，他们的都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇文章会讲到。 圣杯布局：用到浮动、负边距、相对定位，不添加额外标签 DOM结构： 样式： 左中右部分样式变化过程 1、中间部分需要根据浏
分类：
其他好文 时间：
2016-03-19 00:44:44
阅读次数：
365
