这是我拥有的内容:
<div id="page_container">
A short text
</div>
#page_container
{
position: absolute;
top: 120px;
left: 280px;
right: 30px;
background-color: #D0D0CD;
border-radius: 5px;
box-shadow: 1px 1px 12px #555;
height: 1060px;
overflow: auto;
background-image: url(./library/grappe.png);
background-repeat: no-repeat;
background-position: bottom right;
}
所以,我的div宽度为1060像素,位于屏幕右侧,并在右下角有一张图片。到目前为止都很好。带短文本效果很不错。
由于overflow:auto的原因,长文本不会使我的div变高,而是会在上面添加滚动条,这正是我想要的。
然而,背景图片仍然粘在div的右下角,而不是基本不显示,并在我滚动带有滚动条的div时首先出现。基本上这张图片停留在同一位置,就像position:fixed一样。不能改变这种行为。