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位于＆＃34; scrolltop＆＃34; div（浮动右侧）和左下方div位于＆＃34; scrollbottom＆＃34; 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 个答案: