《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行

通常我们使用块级格式化上下文就能解决。块格式化上下文 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，并且容器元素不会影响兄

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.每个非浮动块级元素都独占一行,浮动元素则按规定浮在行的一端.若当前行容不下, 则另起新行再浮动.浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；块级元素一般作为容器出现，用来组织结构，但并不全是如此。其他的块级元素则可以包含 行级元素如.

写在前面，本文将同步发布于Blog、掘金、segmentfault、知乎等处，如果本文对你有帮助，记得为我得到我的个人技术博客项目给个star哦。指出错误观念许多开发者认为一个元素的包含块就是他的父元素的内容区，其实这是错误的！一个元素的尺寸和位置经常受其

块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。

看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。理解了它，一堆CSS布局的理论都 变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体

position属性：position属性指出一个元素的定位方法。有4种可能值：static,relative,absoluteorfixed：。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可

在谈论CSS布局时，我们需要提前知道一些东西。对于html各种标签/元素，可以从块的层面做一个分类：要么是block(块元素)，要么是inline：。宽度缺省是它所在容器的100%，除非设定一个宽度。inline元素的特点：和其它元素都在一行上；高度，行高

　　这二个div占据了二行空间，叫做块级元素。再把下面二行代码也放进body标签里：。　　这两个span并列在一行，叫做内联元素。·块级元素用来搭建网站架构、布局、承载内容，如：div、ul、li、dl、dt、dd、h1-h6、p、address……内联元

块元素(block element) HTML标签分类明细 <br /> * address - 地址 <br /> * blockquote - 块引用 <br /> * center - 举中对齐块

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。行内元素设置width无效，height无效，margin上下无效，padding上下无效。把块级元素转换成行内元素：display:inline;

HTML列表HTML类可以通过 <div> 和 <span> 将 HTML 元素组合起来。大多数HTML元素被定义为块级元素或内联元素。内联元素在显示时通常不会以新行开始。<div>元素没有特定的含义。如果与CSS一同使