使Div背景图像向顶部“溢出”

Question

我正在尝试使用Divs创建一个滚动条（它会动态变大）从下面的屏幕中可以看到，我在对齐左下角的div时遇到麻烦。

这是我的问题：

我的问题的图片： http ： //i.stack.imgur.com/KQL6b.png

我的jsFiddle： http : //jsfiddle.net/13fhcumo/

我的HTML：

<body>
<div id="scrolltop"><div id="scrollsideright"></div></div>
<div id="scrollmiddle">
</div>
<div id="scrollbottom"><div id="scrollsideleft"></div></div>
</body>

如您所见，正确的DIV及其随附的背景图像很好地重叠，但是我需要底部的Div重叠UPWARDS而不是向下。 有谁能够帮助我？ 我不能使用绝对定位，因为页面的长度是动态的。

我应该在上面的图片中的html中添加右上角div在“ scrolltop” div内（向右浮动），左下角div在“ scrollbottom” div内，向左浮动。

Answer 1

这是解决方案，也许这不是您要寻找的答案。

在您的小提琴中，如果更新#scrollsideleft以添加margin-top：calc（362px-650px） ，则可以解决此问题。

#scrollsideleft {
    border: 1px solid red;
    background-image: url(scrollleftsidebottom.png);
        background-color: #444;
    height: 650px;
    width: 210px;
    float: left;
    margin-top: calc(362px - 650px);
}

使Div背景图像向顶部“溢出”

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-11-20 02:52:01

使Div背景图像向顶部“溢出”

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-11-20 02:52:01

解决方案1
0 已采纳 2014-11-20 02:52:01