css盒子超出部分整个盒子不显示

要实现CSS盒子超出部分不显示的效果，可以使用`overflow: hidden;`属性。该属性将溢出的内容隐藏起来，不显示在盒子的可视区域内。

例如，如果你有一个宽度为300px，高度为50px的盒子，并且需要隐藏超出部分的内容，你可以添加以下CSS样式：

.div1 {
  width: 300px;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
}

这样设置之后，如果盒子内的内容超出了盒子的宽度或高度，超出部分将被隐藏起来，不会显示在页面上。