css - 标题不填充 IE 10 中的包装器元素

Question

我的网站上有一个粘性标题（使用 wordpress 和一个名为 elementor 的站点构建器插件构建），它在 firefox、chrome 和 edge 上运行良好，但在 internet explorer 10 和 11 上运行良好。当窗口宽度小于 768px 时，标题不会'不填充它的包装元素。

我曾尝试在谷歌上搜索解决方案，但大多数有类似问题的线程似乎都与我认为与此错误无关的 flexbox 相关（因为在我的情况下，包装器或标题元素都没有设置为“display: flex” ）。

我试图将 html 和 css 复制到 codepen 中，但没有成功。但是我创建了一个织机来说明这个问题。https://www.uselooom.com/share/093eac76c2ff424fa55bbca1b5c3234c。这是网站网址：https ://figgesresa.se/

包装器元素“elementor-section-wrap”应用了“width: auto”，而它的子元素（小于 768 像素）没有应用宽度样式。我尝试在其中添加“宽度：100%”，但这并没有什么不同。

任何指针或帮助将不胜感激。

标签： csswordpressinternet-explorer-10