首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Firefox忽略高度: div上100%的css标记支持内容

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

Stack Overflow用户
提问于 2015-11-01 05:14:29
回答 3查看 315关注 0票数 1

我正在设计一个简单的网站如下:-删除--

在我的生活中,我想不出为什么,对于左边的列(包含jQuery UI手风琴),我的高度设置为100%,但是Firefox忽略了这一点,忽略了手风琴内容的自动大小。在Chrome和Safari上一切看起来都很棒,但火狐却没有.

现在奇怪的是,如果我给了一个自定义高度的“手风琴”类,或“可滚动”类,那么它将有正确的属性。

最终的结果将是支持按钮在页面底部保持静态,而手风琴则是父div的100% (这将是窗口的大小),并且可以滚动(比如chrome和safari)。

外面有人有什么消息吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-11-01 06:24:03

我尝试了下面的方法,它在所有浏览器中都能工作。

height:100%设置为tbodytrtd

代码语言:javascript
运行
复制
<table class="main-table">
  <tbody style="height: 100%;">
    <tr style="display: table-row; height: 100%;">
      <td class="list-view" style="opacity: 1; height: 100%;">
票数 0
EN

Stack Overflow用户

发布于 2015-11-01 05:54:49

嗯,我知道它不会(直接)帮助你,但这里你的主要问题是溢出:自动不工作在火狐.

票数 1
EN

Stack Overflow用户

发布于 2015-11-01 05:56:03

当你说你把高度设置为100%时,你在哪里这样做?我假设您将此添加到您的style.css文件中。jQuery UI具有需要重写的高度集的自动属性。直接取自jquery-ui.css文件:

代码语言:javascript
运行
复制
.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 )。边框顶是你最好的选择)。试着得到你想要的高度。当使用引导、物化等时,您通常必须进入并编辑下载的css文件,因为您的更改不会覆盖他们的文件。在jquery-ui.css文件中快速搜索“can”,您就可以快速找到它们为元素定义高度属性的位置。希望这能有所帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33459445

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档