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

然后我们可以向包含元素添加 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)，这意味着它不会被裁剪，而是在元素框外渲染：

实例代码；

overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。

overflow 属性可设置以下值：

使用top 、right、bottom、left定位图像中的文本

实例代码；

css-218.png