CSS的overflow属性用于控制内容溢出其容器时的行为。可选值包括visible, hidden, scroll和auto。visible允许内容溢出，hidden则隐藏超出部分，scroll会添加滚动条，而auto则在需要时添加滚动条。"
52944501,5637696,VTK图像切片：vtkImagePlaneWidget精度与误差控制,"['可视化', '图像处理', '3D建模', 'vtk', '数据分析']
CSS的overflow属性
这个属性用来设置子元素溢出时，怎样处理
取值
visible 超出父元素的部分，仍然显示
...
/*父元素*/
.block1{
width: 100px;
height: 100px;
background-color: skyblue;
}
/*子元素*/
.block2{
width: 50px;
height: 200px; /*溢出*/
background-color: greenyellow;
}
...
<body>
<div class="block1">
<div class="block2"></div>
</div>
</body>
hidden 超出父元素的部分，不显示
将CSS代码的block1类（父元素）中的属性进行修改。
.block1{
width: 100px;
height: 100px;
background-color: skyblue;
overflow: hidden;
}
scroll （不论是否溢出），添加两个滚动条
.block1{
...
overflow: scroll;
}
auto 如果没有溢出，不添加滚动条，否则，添加滚动条
.block1{
...
overflow: auto;
}
扫一扫
97
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
