Css对齐/滚动条问题

Question

是滚动条的另一个问题

好吧，所以我重新启动了网站，提到here

我再次遇到此滚动条的问题

好吧所以我所拥有的只是div标签中的单个图像

<div align="center" id="SuggestionBox">
<a href="?PageN=2"><img src="images/SuggestionBox.jpg"/></a>
</div>

此代码显示正确但

当我使浏览器窗口足够小以至于无法看到完整图像时，它不会给我滚动条 看到整个图像

希望这是有道理的 我正在使用firefox

编辑：

我尝试了溢出：滚动它不起作用

这是结果

这发生在页面中间

我还尝试通过css在页面主体上'溢出：滚动'，它所做的就是显示已禁用的滚动条，无论浏览器大小如何都不会改变

也有些人有点困惑 所以 这张照片可能有帮助

注意图像未完全显示的方式

好吧，我希望在用户想要查看整个图像的情况下有滚动条

但他们没有出现

这里也是我的所有css代码：

body
{
background-image:url("images/background.jpg");
}
a:hover
{
color:#FF0000;
}
table
{
background-color:#FFFFFF;
}
#SuggestionBox
{
position:relative;
right:375px;
}

感谢

好 运气
得到它？

Answer 1

我可能不理解您的问题，但看起来您的问题是您已禁用body中的滚动但希望div滚动。 @ lukiffer的回答是对的。但是，当您调整浏览器大小时，滚动div（固定大小）不会溢出，因为其内容仍然适合。

您是否希望将“SuggestionBox”div锚定到页面，以便它与页面一起调整大小？这将使它能够像浏览器一样改变大小，从而在内容不适合时添加滚动条：

#SuggestionBox
{
    position: absolute;

    /* Change these to establish where to place the div.  All zeroes 
       means it fills its whole container */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
}

<强>更新：

我不明白#SuggestionBox应该 。如果你只是想要一个居中的图像链接，你可以摆脱div并将其作为你的标记：

<a id="SuggestionBox"></a>

对于那个<a/>，您可以使用以下CSS：

#SuggestionBox {
    display: block;
    width: 100px; /* Or whatever the width is */
    height: 100px; /* Or whatever the height is */
    background-image: url(images/SuggestionBox.jpg);
    margin: 0 auto;
}

如果您拥有div的原因是为您的链接提供375px的正确边距，那么您的CSS可能会将边距设置为0 375px 0 auto。

如果您使用这个简单的HTML / CSS，您的身体应该能够正常滚动（除非您有其他未发布的CSS或HTML，否则会破坏它）。

Answer 2

div#SuggestionBox { overflow:scroll; }