有哪些CSS布局方法可以改写为长尾词：有哪些CSS布局方法可以改写为如何使用CSS实现各种布局技巧？

本文共计1043个文字，预计阅读时间需要5分钟。

CSS布局方法包括：1. 一列布局，通常宽度固定；2. 两列布局，使用float实现；3. 三列布局，两侧定宽中间自适应；4. 混合布局，在一列布局基础上保留top和foot部分；5. 其他。

css布局方法有：1、一列布局，一般都是固定的宽高；2、两列布局，使用float来实现；3、三列布局，两侧定宽中间自适应；4、混合布局，在一列布局的基础上，保留top和foot部分；5、其他布局等。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

网页实质是块与块之间的位置，块挨着块，块嵌套块，块叠着块。

三种关系：相邻，嵌套，重叠。

下面介绍网页布局的常用几种方式

1.一列布局：

一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等；

.main{ width: 200px; height: 100px; background-color: grey; margin: 0 auto; }

<p class="main"></p>

2.两列布局：

说起两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。