我试图模糊除一个 div 中的所有元素。我看过很多这样类似的问题，一个和我得到这个：
.table-responsive:not(.confirm) {
filter: blur(3px);
pointer-events: none;
}
这基本上应该模糊除确认类之外的所有元素。这是一个演示它的 js 小提琴：https : //jsfiddle.net/qbuyuhts/1/
这是一些janky html，但可以显示问题。有谁知道为什么 .confirm div 模糊？
这是我有一些有点复杂的 html 表格格式：http : //jsfiddle.net/nyCKE/8517/
问题是当我尝试进行溢出滚动时，“主题区域”表不起作用。它的高度设置为 200px，但是当我向表格中添加许多行时，它不会保持在 200，它只是不断扩展表格。正如您在 jsfiddle 上看到的那样，我将 tbody 设置为溢出-y 滚动（我希望修复顶部）。但是，它拒绝滚动。“类”表没有数据，所以它保持在 200 像素。这就是我想要的主题区域表的高度，但显然它更大。这是一些相关的css：
tbody {
overflow-y scroll;
}
.subjects{
width:100%;
height: 200px;
}
.classes {
width:100%;
height: 200px;
margin-top: 5px;
}
我忘记提及的另一件事是我有 2 个 div，一个用于左侧，一个用于右侧。左边的 div 包含主题和类表。右侧的 div 包含概览。这是当窗口更大时，通过在小提琴中扩展窗口，您可以看到概览表向右移动，这就是我想要的。我不确定这些 div 是否弄乱了 tbody 滚动。
有谁知道如何解决我的问题？
我试图在向下滚动网页时粘贴一段文字，但它似乎不起作用。我给它这个CSS：
.left {
position: sticky; /* doesnt work :( */
top: 0px;
}
这是完整的代码：http://jsfiddle.net/YYPKM/3281/
这个 div 位于包装器的左侧，但我希望右侧滚动，左侧粘在 div 的顶部。我尝试过很多事情，比如固定位置，但这似乎是最好的选择，我只是无法让位置粘在工作上。
有谁知道我做错了什么？
我实际上找到了我的问题的解决方案，但想知道为什么我的原始解决方案不起作用。
我有一个简单的 flex 容器，我希望第一个 div 是容器的 30%。我给它一个 30% 的弹性基础来尝试实现这一点。这一直有效，直到我的内容超过 30% 的长度。此时，它扩展了 div 使其超过 30%。
我使用经过一些研究后从另一个问题中找到的 max-width 属性解决了这个问题，但我仍然困惑为什么 flex-basis 不起作用，并且在使用 flex 框时不希望有 max-width 属性。我读到，如果 flex-direction 是 row，则 flex-basis 应该是 width 的替代品，但情况似乎并非如此。
这是一个小提琴和随之而来的 css：https : //jsfiddle.net/jg5nbdgp/12/
.container {
display:flex;
flex-direction: row;
.left {
flex-basis: 30%; /* This doesn't work */
/* max-width: 30%; */ /* This works */
.box {
height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.middle {
flex-basis: 50%;
}
.right {
flex-basis: 20%;
}
}