<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> .box1{ /* 子元素默认是存在于父元素的内容区中，理论上讲子元素的最大可以等于父元素的内容区的大小 如果子元素大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示， 超出父元素的内容，我们称为溢出的内容 父元素默认是将溢出的内容，在父元素外边显示， 通过overflow可以设置父元素如何处理溢出内容： 可选值： - visible，默认值，不会对溢出内容做处理，元素会在父元素以外的位置显示 - hidden，溢出的内容，会被修剪，不会显示 - scroll，会为父元素添加滚动条，通过拖动滚动条来查看完整内容 该属性不论内容是否溢出，都会添加水平和垂直双方向的滚动条 -auto，会根据需求自动添加滚动条， 需要水平就添加水平 需要垂直就添加垂直 都不需要都不加 */ } .box1{ overflow: auto; } </style> </head> <body> <div class="box1"> </div> </body> </html>
CSS overflow
猜你喜欢
转载自www.cnblogs.com/caicaihong/p/9187226.html
今日推荐
周排行