Css 忽略用于页面大小计算的元素

如何强制浏览器不根据某些绝对定位的元素计算内容的大小？ 我在找像这样的东西

对于一个过于简单的用例，请查看

---

这可能与您正在寻找的不完全匹配，但可能会提供一些想法

如果您可以更改html代码，您可以通过使用第二个绝对定位层来使用“overflow:hidden”，并让“container”div只负责您想要滚动的维度

注意：如果初始窗口宽度很小且容器导致滚动，则屏幕外的元素可能无法渲染，需要刷新

以下是更新的JSFIDLE链接：

代码，例如：

<div class="panel">
    <div class='left'>LEFT</div>
    <div class='right'>RIGHT</div>
</div>
<div class='container'>
</div>

顺便说一句：我将宽度设置为99%，而不是100%，因为它修复了另一个有时会上升并导致水平滚动的问题。另一种解决方法是使用left:0px；在面板上

<div class="panel">
    <div class='left'>LEFT</div>
    <div class='right'>RIGHT</div>
</div>
<div class='container'>
</div>

.panel{
    width:99%;
    height:200px;
    position:absolute;
    z-index:1;
    overflow:hidden;
    -webkit-transform-style: preserve-3d;
}