在Firefox中CSS高度100％无法正常工作
虚伪的
我有以下HTML和CSS，它们在Firefox和Chrome中的行为完全不同。
.container {
width: 200px;
height: 50px;
border: 1px solid black;
display: inline-table;
}
.content {
background-color: red;
width: 30%;
height: 100%;
}<div class="container">
<div class="content"></div>
</div>
<div class="container">
<div class="content"></div>
</div>在Chrome中，它可以正确显示，但在Firefox中则不能。
铬：
Firefox：
通过在Firefox中检查内容div，高度为0。
为什么它可以在Chrome和Safari中工作，但不能在Firefox中工作？我注意到删除display: inline-table将起作用，但是容器div将被堆叠而不是内联。
oe
尝试更改display: inline-table;为display: inline-block;。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS 100％的高度将无法正常工作
- 2
iframe 100％的高度无法正常工作
- 3
Firefox CSS无法正常工作
- 4
Firefox-宽度：100％无法正常工作
- 5
CSS最小高度无法正常工作
- 6
CSS最小高度无法正常工作
- 7
键盘高度在Swift中无法正常工作
- 8
CSS Sprites在Firefox上无法正常工作
- 9
CSS Sprites在Firefox上无法正常工作
- 10
Firefox HTML外部CSS无法正常工作
- 11
无法在React CSS中设置100％的高度
- 12
浮动div在Firefox中无法正常工作
- 13
jQuery scrollTop在Firefox中无法正常工作
- 14
jQuery animate在Firefox中无法正常工作
- 15
Mousedown事件在Firefox中无法正常工作
- 16
JS在Firefox中无法正常工作
- 17
代码在 mozila firefox 中无法正常工作
- 18
BS3轮播+ animate.min.css在Firefox中无法正常工作
- 19
CSS中的宽度无法正常工作
- 20
在CSS中悬停无法正常工作
- 21
在jQuery中更改CSS无法正常工作
- 22
jQuery Rain Datepicker firefox CSS无法正常工作
- 23
Chrome无法响应CSS动画/转换，但Firefox可以正常工作
- 24
CSS动画在Firefox上无法正常工作
- 25
jQuery Rain datepicker firefox CSS无法正常工作
- 26
CSS not（）无法正常工作
- 27
CSS：not（）无法正常工作
- 28
CSS：not（）无法正常工作
- 29
CSS：无法正常工作
我来说两句