div{
width: 100px;
height: 50px;
overflow: scroll;
}
当父容器宽度或高度不够显示子内容时,就会显示滚动条。
3. Overflow: auto 这种截取方式会自动选择 hidden 或 scroll 两种方式中更合适的一种。代码如下:div{
width: 100px;
height: 50px;
overflow: auto;
}
当父容器宽度或高度不够显示子内容时,会根据内容的大小自动选择合适的截取方式。
4. Overflow: visible 这种截取方式不会对超出内容进行任何处理,而是将它们全部显示出来。代码如下:div{
width: 100px;
height: 50px;
overflow: visible;
}
当父容器宽度或高度不够显示子内容时,所有内容都会被完整地显示出来,从而超出容器的部分将会覆盖其它元素。
总结一下,超出截取是网页设计中非常重要的一部分。熟练掌握 overflow 属性的各种用法,可以让大家更好地控制页面布局和排版,使网页设计更加美观和易于阅读。