我正在设计一个简单的网站如下:-删除--
在我的生活中,我想不出为什么,对于左边的列(包含jQuery UI手风琴),我的高度设置为100%,但是Firefox忽略了这一点,忽略了手风琴内容的自动大小。在Chrome和Safari上一切看起来都很棒,但火狐却没有.
现在奇怪的是,如果我给了一个自定义高度的“手风琴”类,或“可滚动”类,那么它将有正确的属性。
最终的结果将是支持按钮在页面底部保持静态,而手风琴则是父div的100% (这将是窗口的大小),并且可以滚动(比如chrome和safari)。
外面有人有什么消息吗?
发布于 2015-11-01 06:24:03
我尝试了下面的方法,它在所有浏览器中都能工作。
将height:100%
设置为tbody
、tr
和td
。
<table class="main-table">
<tbody style="height: 100%;">
<tr style="display: table-row; height: 100%;">
<td class="list-view" style="opacity: 1; height: 100%;">
发布于 2015-11-01 05:54:49
嗯,我知道它不会(直接)帮助你,但这里你的主要问题是溢出:自动不工作在火狐.
发布于 2015-11-01 05:56:03
当你说你把高度设置为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 )。边框顶是你最好的选择)。试着得到你想要的高度。当使用引导、物化等时,您通常必须进入并编辑下载的css文件,因为您的更改不会覆盖他们的文件。在jquery-ui.css文件中快速搜索“can”,您就可以快速找到它们为元素定义高度属性的位置。希望这能有所帮助。
https://stackoverflow.com/questions/33459445
复制相似问题