Firefox的字段集溢出CSS修复
如何设置内容在字段集中溢出？它适用于IE，但不适用于FF。
我可以在两个浏览器中使用div元素实现相同的功能。
样品：
<fieldset style="border:thin solid #990033;">
<legend>test</legend>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</fieldset>
<p> </p>
<div style="border:1px solid #999999; padding:0 8px 8px 8px;">
<label style="background-color:#FFFFFF; padding:0 5px; position:relative; top:-10px;" >test</label>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</div>
问题答案：
找到解决方案，添加条件css样式：
fieldset {
display: table-column;
}
<!–[if IE]>
fieldset {
display: block;
}
<![endif]–>
-
我被一个使用flexbox的测试项目卡住了。我们的目标是构建一个仪表板，其中包含一些卡片列表，并排无限溢出。 我设法做到了这一点，问题是：每个列表都有一个页眉、一个卡片列表和一个页脚，列表高度不能超过父可用高度。如果发生这种情况，则列表只能在卡列表上应用溢出。 在Chrome上运行良好，但在Firefox上...渲染器似乎无法处理内容以这种方式溢出的可能性！我真的很生气。 例子： 代码（也在Plu
-
我的愿望是当屏幕尺寸减小时，上会出现溢出滚动条。 它在Firefox上是这样做的，然而，背景并没有覆盖滚动条右侧的内容。 此外，IE和Chrome都向下推，甚至不显示滚动条。 编辑下面的图片显示了我想要的外观。请注意，有一个滚动条。 https://output.jsbin.com/huwagajome
-
问题内容： 我不知道为什么这个简单的CSS无法正常工作… 应该切断第四次“测试” 问题答案： 仅在满足以下条件时起作用： 元素的宽度必须限制为（像素）。宽度（百分比）无效。 元素必须具有并设置。 您在这里遇到问题的原因是因为您的元素的不受限制。您确实有一个设置，但是因为该元素设置为（即默认值），所以它忽略了它，并且也没有其他任何约束其宽度的方法。 您可以通过执行以下任一操作来解决此问题： 将元素设
-
问题内容： 我一直在寻找一种不错的，快速的解决方案，以解决如何在圆内放置一段文字的问题。我发现有两种解决方案。 解决方案1 将与文本高度相同的多个 div 浮动到文本的右侧，然后通过更改div 宽度来 调整文本的剩余空间。 解决方案2 将生成器用于同一件事。 奖励（不是问题的一部分，只是小费） 我不是在寻找这个，但是也许有人会需要它，我认为将它作为链接很好>它是一个基于Web的生成器，可以帮助您将
-
问题内容： 我已经使用css3 flexbox设计了100％宽度100％高度的布局，该布局可在IE11上使用（如果对IE11的仿真正确，则可能在IE10上使用）。 但是Firefox（35.0.1），overflow-y无法正常工作。如您在此Codepen中所见： Firefox无法正确渲染溢出。它显示一个滚动条 问题答案： TL;博士：你需要在你的规则。 更详细的解释： 弹性项根据其子项的固有大
-
昨天我检查了一个突出的产品幻灯片，我在一个网页的首页是不是属性垂直对齐只在火狐，它在IE和Chrome工作正常。 我在搜索信息，很多年前我在FF上发现了很多bug。我尝试了一些我找到的解决方案，但没有一个有效。 在chrome和IE上，div位于窗口的中心，而在firefox中，该功能会向右对齐，使窗口大于100%。 幻灯片基于：http://wordpress.org/extend/plugin