一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。 当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子 ...

无论属于哪种,都要先找到其祖先元素中最近的 position 值不为 static 的元素,然后再判断：1、若此元素为 inline 元素,则 containing block 为能够包含这个元素生成的第一个和最后一个 inline box 的 padding box (除 margin ...

前言  《CSS魔法堂：重新认识Box Model、IFC、BFC和Collapsing margins》中提到在没有floated兄弟盒子时，line box的左右边框会与所属的containing block的左右content edge相接触。那到底什么是containing block ...

continuous media ，paged media 关于continuous media[连续媒体]和paged media[分页媒体] 直白的讲，continuous和paged m ...

前言： block这个名词对于做一般开发者来说可能会觉得稀奇古怪而非常陌生，但是对于iOS工程师来说，在整个开发中到处都是它的影子，今天一大早觉得在假期学习一下它，对明年的iOS开发工作做个准备，突然有点找回当年即将毕业时的最后一个春节假期的感觉，今天基于最近使用的角度来学习总结一下 ...

一、行内元素和块级元素 1.1、块级元素（block）： 　　　　　　它独占一行； 　　　　　　它的宽高可以设置； 　　　　　　默认时，宽度是100%； 　　例如：<div>、<h1-h6>、<ul>、<ol> 、<li> ...

一、包含块(Containing Block) 要讲position,首先就涉及到一个概念：包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块，就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块（Initial ...

css中有3种基本的定位机制：普通流（相对定位实际上看做普通流定位模型的一部分）浮动（float）绝对定位（固定定位是绝对定位的一种）所以在学习浮动之前，我们先要了解块级元素与内联元素（行内元素）。块级元素：块级元素一般当做容器使用，既可以容纳内联元素也可以容纳块级元素，例如div和p。常见的块级 ...