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

Question

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

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

Answer 1

你必须与所有有一些不同的责任div的嵌套的工作:
最外层设置与左,右同时放的位置.将right:0其设置为正确的.

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

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

<div class="abs-position">
    <div class="abs-content">
         Absolut Vodka       
    </div>
</div>

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