Javascript Firefox忽略高度：div上的100%css标记支持内容

我正在设计一个简单的网站，如下所示： --除去--

就我的一生而言，我不知道为什么，对于左栏（包含jQuery UI accordion），我将高度设置为100%，但Firefox忽略了这一点，并自动调整为accordion内容的大小。Chrome和Safari上的一切看起来都很棒，但Firefox却不行

现在奇怪的是，如果我给“accordion”类或“scrollable”类一个自定义高度，那么它将具有正确的属性

最终的结果是在页面底部有一个静态的support按钮，accordion是父div的100%（即窗口的大小），并且可以滚动（如chrome和safari）

---

有人在这里有任何信息吗？

我知道这不会（直接）帮助你，但这里你的主要问题是溢出：auto在firefox上不起作用…

当你说要将高度设置为100%时，你在哪里这么做？我假设您正在将其添加到style.css文件中。jQuery UI具有需要覆盖的高度集的自动属性。直接取自jquery ui.css文件：

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
 padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
 }

---

最好从jquery-ui.css文件开始编辑这些特性（我看到您下载了该文件，而不是使用CDN.Border top是最好的选择）。尽量使高度符合你的要求。当使用bootstrap、materialize等时，您通常必须进入并编辑下载的css文件，因为您知道更改不会覆盖它们。在jquery-ui.css文件中对“accordion”进行快速文本搜索，您可以快速找到他们为元素定义高度属性的任何位置。希望这有帮助

我尝试了下面的方法，它适用于所有浏览器

为

t车身

、

tr

和

td

设置高度：100%

<table class="main-table">
  <tbody style="height: 100%;">
    <tr style="display: table-row; height: 100%;">
      <td class="list-view" style="opacity: 1; height: 100%;">

我尝试了这项更改，效果很好。希望它能帮助您找到问题<代码>@KishoreSahas这一切都成功了！我从没想过firefox会要求我单独设置每个表结构。。。特别是因为它是通过post过程自动添加的，但我想这是最佳实践。非常感谢您指出这一点！我将为此制作一个补丁，并很快推出：）布朗迪，谢谢你回复我如此详细的回复！我查看了jquery-ui.css文件，发现只有“overflow:auto”在垂直方向上影响布局。我希望通过将此设置为“滚动”，可以将高度设置为100%，然后滚动溢出。。。但事实并非如此。但是，是的，我正在设置高度：100%在style.css中在“.scrollable”下。这意味着div是可滚动的（但显然不是在firefox中），非常有趣，我认为页边顶部：-8px会影响元素的高度。当你查看jquery-ui.css的内部时，你是否看到了与我在上面粘贴的相同的预设？感谢你查看这个Gini，即使在禁用溢出：auto之后，也没有任何帮助：（难以置信地卡在这里！就是它：）谢谢你好心的先生找到这个，几个小时以来，我一直在挠头，以为这是我的javascript或Jquery UI cssCool。您的解决方案可以在Firefox38上运行。但它在MSIE11中失败。我错了吗？