火狐忽略身高：赞成内容

我设计提供以下一个简单的网站上度100％的CSS标签： - 删除 -火狐忽略身高：赞成内容

而对于我的生活，我can'f找出原因，对于左侧列（包含jQuery UI手风琴），我已将高度设置为100％，但Firefox忽略了这一点，并且自动调整了手风琴内容的大小。在Chrome和Safari上，一切看起来都很棒，但不是Firefox ...

现在奇怪的部分是，如果我给“手风琴”类或“可滚动”类定制高度，那么它将具有正确的属性。

最终的结果是支持按钮静态在页面的底部，手风琴是父div的100％（这将是窗口的大小）并且可滚动（如chrome和safari）

有没有人在那里有任何信息？

来源

2015-11-01 619deathstar

我试过这个改变，它的工作原理。希望它可以帮助你找到问题！ '

\t \t \t 是后期处理自动添加的，但我想这是最佳做法。非常感谢你指出这一点！我将为此加入一个补丁，并且很快推出它:) – 619deathstar

回答

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

设置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 06:24:03

这就是:)谢谢你，先生，找到这个，我挠了几个小时的头脑，认为这是我的JavaScript或JQuery的UI的CSS – 619deathstar

酷。您的解决方案适用于Firefox 38，但在MSIE11中失败。我错了吗？ – stanleyxu2005

好，我知道这不会（直接），帮助你，但你在这里的主要问题是溢出：汽车无法在Firefox浏览器...

来源

2015-11-01 05:54:49 Gini

感谢您查看此Gini，即使在禁用溢出之后：auto没有任何帮助:(难以置信地卡在这里！ – 619deathstar

当你说你是高度设置为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”进行快速文本搜索，您可以快速找到他们正在为元素定义高度属性的任何位置。希望这可以帮助。

来源

2015-11-01 05:56:03 Blondie

Blondie，谢谢你回到我这样一个详细的回应！我已经查看了jquery-ui.css文件，并发现只有“overflow：auto”会影响垂直方面的布局。我希望通过设置这个“滚动”它将高度设置为100％，然后滚动溢出......但这不是这里的情况。但是，是的，我设置的高度：style.css在“.scrollable”下100％暗示该div是可滚动的（但显然不是在Firefox中） – 619deathstar

非常有趣，我会认为margin-top：-8px会是影响元素的高度。当你看到你的*** jquery-ui.css ***内部时，你是否看到上面粘贴的这些相同的预置集？ – Blondie

火狐忽略身高：赞成内容

回答

相关问题