Question

我的图片出了问题，我无法解决这个问题。这是我的编码..

HTML

<div id="adsBox">
    <div id="ads"> <a href="#"> <img src="picture.jpg" alt="ads"> </a> </div>
    <p> <a href="#" id="showLink" class="showAds">HIDE</a> </p>
</div>

CSS

#ads {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#adsBox {
    text-align:right;
    color:black;
    width:970px;
    margin:0 auto;
    background-color:#E0E0E0;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#adsBox a {
    color:#535353;
    padding:0;
    margin:0;
}

#adsBox a:hover {
    color:#4682b4;
}

#ads a {
    margin:10px;
}

#showLink {
    text-decoration:none;
}

.hideLink {
    display:none;
}

我使用jQuery向下滑动。一切都没问题，问题是图像不是真的在div上。它有点向右移动。这是JSFIDDLE。有什么想法吗？

Answer 1

您已将宽度设置为像素width:970px;

将其更改为

width:100%;

FIDDLE

旁注：你可能想要关闭img标签，希望这可以解决你的问题

Answer 2

错误就在这里。

#ads a {
    margin:10px;
}

div内的图像会向右移动一点，因为剩余边距有10个像素。它必须删除。

顶部的滑块

2 个答案: