.box {
width: 100px;
height: 100px;
overflow: hidden;
}首先，大家需要创建一个
元素，然后将其样式设置成一个固定的宽度和高度。如果你想要在页面中显示更多的文本，可以将宽度和高度设置成更大。然后，大家将会使用overflow属性来控制文本框的溢出问题。下一个步骤是在
标签中添加文本，如果大家不添加文本，那么大家就无法找到overflow属性的效果。
现在，如果文本超出了div的边界，那么它将使用“隐藏”属性来隐藏溢出文本。这意味着所有的溢出文本都将被剪切，从而可以让文本框在屏幕上的任何地方都可以看到。
然而，有一个问题，如果你想要知道被隐藏的文本的内容，那么很遗憾，你是不能的。需要注意的是，溢出的文本仍然在代码中并没有被删除，这是很重要的，因为这意味着当你需要扩展文本框的大小时，你可以让所有的文本重新显示。
在CSS中有几个选项，可以用来替代“hidden”属性，包括：scroll，auto以及visible。这些属性的具体含义大家将在下一篇文章中进行深入探讨。