如需居中图像，请将左右外边距设置为 auto，并将其设置为块元素

实例代码：

使用text-align:center ; 属性使文本居中。

实例代码：

要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。

设置元素的宽度将防止其延伸到容器的边缘。

然后，元素将占用指定的宽度，剩余空间将在两个外边距之间平均分配：

实例代码；

水平列表菜单制作

默认地，列表项是垂直显示的，在本例中，我们使用display:inline-block来水平地显示它们（并排）。

注释：如果您调整浏览器的大小，链接会在变得拥挤时自动换行。

实例代码：

使用display：inline-block属性改变元素的显示方式

 /* 当display值为inline时，此时为默认值，其元素的宽度和高度都不会改变*/

/* 当display值为inline-block时，此时元素的宽度和高度都会改变大小*/

实例代码：

使用float浮动和超链接制作水平菜单

实例代码；

实例代码；

实例代码：

实例代码：

通过使用 float 属性，可以轻松地并排浮动内容框：

实例代码；

实例代码：

如果一个元素比包含它的元素高，并且它是浮动的，它将“溢出”到其容器之外：

然后我们可以向包含元素添加 overflow: auto;，来解决此问题：

实例代码；

clear 属性指定哪些元素可以浮动于被清除元素的旁边以及哪一侧。

clear 属性可设置以下值之一：

float 属性用于定位和格式化内容，例如让图像向左浮动到容器中的文本那里。

float 属性可以设置以下值之一：

使用 overflow-x和overflow-y属性设置是否显示滚动条

overflow-x 和overflow-y 属性实例

overflow-x:设置x轴是否显示滚动条。其值有：hidden（隐藏）和scroll（显示）

overflow-y:设置y轴是否显示滚动条。其值有：hidden（隐藏）和scroll（显示）

实例代码：

使用 overflow:auto属性设置自动溢出滚动

实例代码；

使用 overflow:scroll属性设置滚动裁剪溢出

实例代码：

使用 overflow:hidden 属性设置裁剪溢出

实例代码：

overflow: visible

默认情况下，溢出是可见的(visible)，这意味着它不会被裁剪，而是在元素框外渲染：

实例代码；