西条丽:标准文档流：块级元素和行内元素

来源：百度文库编辑：九乡新闻网时间：2024/05/03 05:43:26

1、块级元素（block level）：总是以一个块的形式表现出来，并且跟同级的兄弟一次竖直排列，左右撑满。

行内元素（inline）：对于文字这类元素，各个字母之间横向排列，到最右端自动折行，这就是另一种元素，称为“行内元素”。

2、盒子在标准流中的定位原则

（1）行内元素之间的水平margin

当两个行内元素紧邻时，它们之间的距离为第1个元素的margin-right加上第2个元素的margin-left。

（2）块级元素之间的竖直margin

当两个块级元素紧邻时，它们的距离不是margin-bottom与margin-top的总和，而是两者中的较大者。

（3）嵌套盒子之间的margin

当一个

块包含在另一个

块中时，便形成了典型的父子关系。其中子块的margin将以父块的

content为参考。

（4）将margin设置为负值

当margin设置为负值时，会使被设为负数的块向相反的方向移动，甚至覆盖在另外的块上。

标准文档流：块级元素和行内元素关于块级元素和行内元素 - Kampfer的记事本 - 博客园块级元素和级联元素的含义 css 块元素与内联元素 2565.元素的标准质量、同位素质量和内部结构 SPAN元素和DIV元素的区别矿和微元素人体、元素和硒八字杂谈和色欲有关的元素中国元素中国元素【】中国元素~ 中国元素音乐元素动感元素【五行元素】中国元素幸福元素风水元素中华元素中国元素时尚元素快乐元素中国元素