Question

如何为绝对定位的元素设置overflow：hidden属性。我知道设置绝对位置会使元素不在文档流中。这是我的代码。我一直试图设置溢出：为img元素隐藏了这么久。请帮帮我。

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<div>
<img src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg"/>
</div>
</body>
</html>

CSS

body {
margin: 0;

}
div {
width: 100%;
overflow: hidden;
}

img {
position: absolute;
height: 100%;
clip: rect(0px, 678px, 600px, 0px)
}

Answer 1

嗨，当你设置position: absolute时，你需要设置他的亲戚。因此，在您的代码中，相对父级是<body>。如果你用

设置你的div

div {
  position:relative; 
}

然后它进入相对父级，因此您的img将与此容器相关联地显示。为了使其工作，您可能需要设置固定的高度。

选中此http://jsfiddle.net/WHq8U/33/

绝对定位元素的溢出属性

1 个答案: