可视窗口

梗概

• 对可视窗口设置overflow属性为hidden

实例

<div id="window">
  <div id="list">
    <p>List</p>
  </div>
</div>

默认溢出效果：

#window {
  position: relative;
  background-color: red;
  /* overflow: hidden; */
  height: 300px;
  width: 300px;
}
#list {
  position: absolute;
  top: -40px;
  right: -10px;
  background-color: blue;
}

隐藏溢出：

#window {
  position: relative;
  background-color: red;
  overflow: hidden;
  height: 300px;
  width: 300px;
}
#list {
  position: absolute;
  top: -40px;
  right: -10px;
  background-color: blue;
}