在以下代码中，即使将position属性设置为absolute，将溢出属性设置为hidden，html span元素也不会被隐藏。
<!DOCTYPE HTML>
<html>
<body data-rsssl=1>
<div style="height:20px; width:30px; position:absolute">
<span style="overflow:hidden; position:absolute; white-space: nowrap; display:block; top:0px;left:0px;width:100px;height:30px">
span element
</span>
</div>
</body>
</html>
您必须overflow在修剪元素的父对象上进行设置，而不是在要修剪的元素上进行设置：
div {
height:20px;
width:30px;
position:absolute;
overflow:hidden;
/** let's see it **/
border: 1px solid red;
}
span {
position:absolute;
white-space: nowrap;
display:block;
top:0px;
left:0px;
width:100px;
height:30px;
}<!DOCTYPE HTML>
<html>
<body data-rsssl=1>
<div>
<span>span element</span>
</div>
</body>
</html>