0

如何为绝对定位的元素设置溢出：隐藏属性。我知道设置绝对位置会使元素不在文档流中。这是我的代码。我一直在尝试为 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)
}
4

1 回答 1

0

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

div {
  position:relative; 
}

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

检查这个http://jsfiddle.net/WHq8U/33/

于 2013-10-22T17:05:30.743 回答