CSS div通过margin-left切断屏幕 - 需要滚动条

时间:2014-12-29 12:26:32

标签: html css scrollbar margin

我有一个top:50%; left:50%;的div,并且还有一些值的余量(通常是负数)。

当浏览器窗口重新调整大小时,div的边缘可能会被切断。当发生这种情况时,有没有简单的方法可以轻松添加滚动条?

DEMO

3 个答案:

答案 0 :(得分:0)

由于您的元素有position absolute,因此它会从正常的页面呈现流程中删除,因此无法在没有JavaScript的情况下添加滚动条。

答案 1 :(得分:0)

仅添加margin-left: -100px;而不是margin-left: -400px;才能在中心显示div。

答案 2 :(得分:0)

使用以下内容更改您的CSS:

.overflowing {
    float:left;
    position: absolute;
    background-color: red;
    width:200px;
    height:200px;
    top: 50%;
    margin-left: 0px;
}

我希望这会对你有所帮助。