CSS – 防止绝对定位元素溢出体

我在页面中有一个元素,使用TOP和LEFT css样式绝对定位.
当它位于左侧或顶部区域的负位置时,没有问题.
但是,当元素放置在大于窗口内部宽度的左侧位置时,将出现滚动条.

有没有办法以某种方式阻止这个元素这样做？
我不能设置溢出：隐藏;到我的身体元素,因为这将破坏我的布局.
例如,像overflow-parent：none这样的属性;会很棒(但不幸的是不存在)

最佳答案

您必须使用具有不同职责的嵌套div：
最外面同时左右设置位置.右：0将其设置为右侧.

内部div是真实内容div,它设置宽度.

这是一个演示：http://jsfiddle.net/atnc3/44/

.abs-position {
    position:absolute;
    right:0;
    left: 300px;
    overflow: hidden;
}
.abs-content {
    width: 400px;
}

原文地址：https://www.jb51.cc/css/427095.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。