每次布局总会被搞糊涂,于是上网上找到了这个文章,讲的很详细,转载过来
原文链接: > http://w3help.org/zh-cn/kb/008.html包含块简介在 CSS2.1 中，很多框的定位和尺寸的计算，都取决于一个矩形的边界，这个矩形，被称作是包含块( containing block )。 一般来说，(元素)生成的框会扮演它子孙元素包含块的角色；我们称之为：一个(元素的)框为它的子孙节...
分类：
Web程序 时间：
2016-01-25 15:14:06
阅读次数：
180
原汁原味的才是最有味道的，在阅读CSS标准时对这一点的体会更加深刻了，阅读文档后的一大感觉就是很多看上去理所应当的样式表现也都有了对应的支持机制。本文首先从包含块写起，一方面总结标准中相应的阐述，并且结合具体的实例进行具体分析，特别是对于CSS2.1支持并不完善的IE6/7
分类：
Web程序 时间：
2015-12-27 14:46:40
阅读次数：
259
1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。3.行内元素与块级元素属性的不同，主要是盒模型属性上行内元素设置wi.....
分类：
其他好文 时间：
2015-12-25 18:50:02
阅读次数：
164
1） block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。要注意的是这个是个大概的说法，每个特定的元素能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。 2）有些块元素不可以包含另一些块元素，举个栗子：p标签内包含块元素时，它会...
分类：
其他好文 时间：
2015-12-21 16:17:04
阅读次数：
123
H5标签兼容元素浮动之后能设置宽度的话就给元素加宽度，如果需要元素宽度是内容撑开，就给他里面的块元素加上浮动第一块加浮动，第二块加margin等于第一块元素在IE6下会有间隙问题IE6下子元素超出父级宽高，会吧父级的宽高撑开P td h包含块元素的嵌套规则margin兼容问题display:inli...
分类：
Web程序 时间：
2015-12-09 13:51:41
阅读次数：
157
前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值：scrool:默认值，背景随页面滚动而移动，即背景和内容绑定。fixed：背景图相对于视口固定，...
分类：
Web程序 时间：
2015-12-01 12:23:20
阅读次数：
277
一、css布局补充知识点（一）块级元素块级元素生成块级盒，块级盒分为块盒和块容器盒，常见块盒为,表格和可替换元素不是块盒。（二）可替换元素 浏览器可根据其标签的元素与属性判断显示内容的。如、、、、。（三）position：fixed Position:fixed 的包含块是视口。（四）Display...
分类：
Web程序 时间：
2015-11-29 06:13:55
阅读次数：
178
标准参考：根据 CSS2.1 规范中的描述，浮动元素将尽可能的向左或向右浮动，直到该元素的外边界碰到其包含块的边界或另一个浮动元素的外边界。换句话说，当浮动元素的包含块能够在横向完全容纳该元素时，该元素不会再继续撑大其包含块。问题描述：在 IE6 IE7 IE8(Q) 中，一个右浮动元素将尽可能的向...
分类：
其他好文 时间：
2015-11-15 20:29:48
阅读次数：
190
BFC布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC...
分类：
其他好文 时间：
2015-09-12 00:45:58
阅读次数：
190
一、整体结构用div代替table布局结构、表现、行为三者分离，避免内联良好的树形结构四个空格代替一个tab能并列就不嵌套代替引用的class要少二、代码格式严格的属性属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。严格的嵌套内联元素不能包含块级元素特殊的块级元素只能包含内联元素：h1...
分类：
Web程序 时间：
2015-09-04 15:39:01
阅读次数：
120
