添加一个 div 元素,把元素的背景设置成白色,加点内边距,大小是 p-8,设置一下元素的高度,比如 h-32。在元素里面添加一段文字。这个 div 元素现在装不上它里面包装的文字内容,所以内容就会溢出来。
我们可以用处理这种溢出情况,比如想把溢出的部分隐藏起来,可以用一下 tailwind 提供的 overflow-hidden,这个类就是把元素的 overflow 属性设置成了 hidden 。
如果想要允许滚动显示溢出的内容,可以用一下 overflow-scroll,这个类会把元素的 overflow 设置成 scroll。
鼠标放在这个元素的上面,就可以滚动查看元素里的内容了。滚动到底部的时候,可以继续滚动页面,这个行为也可以控制。在元素上再添加一个 overscroll-contain,它会把 overscroll-behavior 这个属性设置成 contain。
这样滚动查看元素里的内容,不能再滚动的时候会停留在这里,不会继续滚动页面。