使div与它的兄弟一样大小

Question

我正在尝试将div设置为与兄弟img相同的大小.

http://jsfiddle.net/25Gnc/

在第二张图片上:

<div class="crop-fade"></div>

此淡入淡出应与img的大小相同.

Answer 1

添加display:block到您的img并确保清除图像周围的边距和填充http://jsfiddle.net/25Gnc/11/

img {
    max-width: 100%;
    max-height: 100%;
    margin:0;
    padding:0;
    display:block;
}