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

实例代码；

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

实例代码：

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

实例代码：

overflow: visible

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

实例代码；

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

overflow 属性可设置以下值：

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

实例代码；

css-218.png 

使用position:sticky;属性设置粘性定位

实例代码：

使用position:absolute 属性设置绝对定位

实例代码：

使用position:fixed 属性设置固定定位

position: fixed; 的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。

固定定位的元素不会在页面中通常应放置的位置上留出空隙。

实例代码；

position: relative;

position: relative; 的元素相对于其正常位置进行定位。

设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。

实例代码：