如何用CSS快速布局（一）—— 布局元素详细

要快速进行网页排版布局，则必须对布局的元素有清晰的了解，才不会总是在细节处出错。这一篇先详解有关布局的因素作为布局基础：块级元素and内联元素、盒模型、准确定位、元素对齐、样式继承。下一篇则重点描述快速布局思路。

一、什么是块级元素和内联元素

1，块级元素：

重点！定位元素与文档流显示关系

1，正常文档流之间的内外部盒子显示关系：

代码结构如下（粗略展示）<div>黄色块正方形　　<div>红色块</div>　　<div>红色块</div></div><div>蓝色块正方形</div>

2，内部盒子浮动元素和内部文档流元素关系：

• 内联元素和浮动元素的优先级：

正常文档流中，<a>内联元素和块级元素各占一行。

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：如何用CSS快速布局（一）—— 布局元素详细

关键词：CSS