1.绝对定位: position：sbsolute； 作用：将元素从文档流中拖出来，然后使用 left,right,top,bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。 若不存在这样的包含块，则相对于Body元素，即相对于浏览器窗口。 2.相对定位： position:r ...
分类：
其他好文 时间：
2016-04-10 16:14:34
阅读次数：
235
BFC 块级格式化上下文 BFC布局规则： 1、内部的Box会在垂直方向，一个接一个地放置； 2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠； 3、每个元素的margin box的左边，与包含块border box的左边相接触； 4、BFC的区域 ...
分类：
其他好文 时间：
2016-04-05 00:46:02
阅读次数：
161
1.绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-i ...
分类：
Web程序 时间：
2016-04-03 22:02:44
阅读次数：
159
首先来了解什么包含块，css包含块是css标准布局中的一个重要的概念，它是绝对定位的基础。包含块就是为绝对定位元素提供坐标偏移和显示范围的参照物，即确定绝对定位的偏移起点和百分比长度的参考。 由于ie浏览器在解析多层包含时会存在一些问题，在ie浏览器中只有当绝对定位的元素拥有层特征时才能准确解析，层 ...
分类：
其他好文 时间：
2016-04-01 20:21:20
阅读次数：
146
1、在创建了 Block Formatting Context 的元素中，其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。 根据 CSS 2.1 8.3.1 Collapsing margins 第一条，两个相邻的 ...
分类：
其他好文 时间：
2016-03-28 08:22:44
阅读次数：
274
[1]position定位 [2]包含块 [3]偏移属性 [4]绝对定位 [5]格式化 [6]auto
分类：
Web程序 时间：
2016-03-21 00:12:30
阅读次数：
264
1、CSS 定位属性 CSS 定位属性允许你对元素进行定位。 属性 描述 position 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 top 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 right 定义了定位元素右外边距边界与其包含块右边界之间的偏移。 bottom
分类：
Web程序 时间：
2016-03-16 17:15:37
阅读次数：
148
定位 定位的想法很简单元素框相对于正常位置出现在哪里。 定位：static，相对， 绝对， fixed， 继承 static就是默认的位置 相对就是相对于默认位置的偏移。 绝对定位相对于包含块（非static的）的偏移。 fix相对于viewport视窗的偏移。 包含块 根元素是初始包含块，有的浏览...
分类：
Web程序 时间：
2016-02-28 23:07:48
阅读次数：
342
包含块（Cotaining Blocks） 在CSS2.1中，很多 box 的定位和大小都根据一个名为包含块 Containing Block 的矩形盒的边缘来计算。一般地，生成的 box 会充当其后代 box 的包含块；我们称盒为其后代“创建”了包含块。说“box的包含块”即是说“box所处的包含...
分类：
Web程序 时间：
2016-02-06 01:48:14
阅读次数：
282
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>包含块的显示</title> 6 <style type="text/css"> 7 8 9 #div1{ 10 width: 100px; 11 heig
分类：
其他好文 时间：
2016-01-31 21:39:23
阅读次数：
231
