javascript - 显示 :none defaulting width 的 HTML 元素

Question

在我的 CSS 中，我将一个 div 设置为显示:无，当页面最初加载时，宽度设置为 100%。但是，在页面加载时，我还使用该容器生成了一个 slickgrid。然后当我将 div 设置为 display:block via jquery 时，我看到 slickgrid 的宽度不是 100%，而是默认为 100px - 当单步执行 slick grid 代码时，我看到以下代码返回 100，对于我的设置为显示的容器:无

$.css($container[0], "width", true)

有什么方法可以绕过 display:none 元素的默认宽度吗？我曾尝试在同一个 CSS block 中设置宽度，但没有成功。

 .data-grid{
        height: 350px;
        display: none;
        width: 100%;
}

TIA

Answer 1

弄清楚了 - 显然你不能将百分比与 display:none 一起使用 - 将其更改为固定像素宽度，现在可以使用了