CSS div通过margin-left截断屏幕 - 需要滚动条答案

【问题标题】：CSS div cut off screen by margin-left - need scrollbarCSS div通过margin-left截断屏幕 - 需要滚动条
【发布时间】：2014-12-29 20:31:03
【问题描述】：

我有一个 div，它有 top:50%; left:50%; 并且还有一个 margin-left 的值（通常是负数）。

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

DEMO

【问题讨论】：

只添加margin-left: -100px; 不添加400px。顺便说一句.. 增加负边距的动机是什么？

标签： html css scrollbar margin

【解决方案1】：

由于你的元素有position absolute，它被切断了正常的页面渲染流程，所以没有JavaScript就无法添加滚动条。

【讨论】：

有什么我可以改变位置的：绝对的；这将使我能够实现我的目标？
如果你这样做，你的元素的位置将会改变，因为 top 和 left 属性将不再应用于它。

【解决方案2】：

仅添加 margin-left: -100px; 而不是 margin-left: -400px; 以使 div 出现在中心。

【讨论】：

【解决方案3】：

使用以下内容更改您的 css：

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

希望对你有帮助。

【讨论】：