代码示例:(标识:css_overflow_hidden)
<!DOCTYPE html>
<html>
<head>
<style>
div {
  background-color: #eee;
  width: 200px;
  height: 50px;
  border: 1px dotted black;
  overflow: hidden;
}
</style>
</head>
<body>

<h1>CSS 溢出</h1>
<p>若使用 hidden 值,会剪裁溢出,并隐藏内容的其余部分:</p>
<p>尝试删除 overflow 属性以了解其工作原理。</p>

<div>当您想更好地控制布局时,可以使用 overflow 属性。overflow 属性规定如果内容溢出元素框会发生什么情况。</div>

</body>
</html>
运行结果: