html - IE中设置的渲染字段

Question

好吧，我有一个 div 标签，我显示为一个模式对话框，这个 div 标签包含一个字段集，而女巫又包含一个图例标签和一些 div 标签。

但是结果在 IE(9) 与 Opera、FF 和 Chrome 中呈现完全不同

IE：

歌剧：

如何使 ie 以与 Opera、FF 和 chrome 相同的方式呈现？通过 html 调试，我发现“溢出：隐藏；” 是原因，但为什么这会使 IE9 Render 与 Opera FF 和 chrome 完全不同？

CSS：

.DynamicForm
{
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.Dialog fieldset
{
    background: white;
    border: 0;
}

.Dialog fieldset
{
    margin: 0;
    padding: 3px 2px 13px 13px;
}

.Dialog fieldset legend
{
    padding: 3px 10px;
    margin: -3px 0px 3px;
    background: #BC2327;
    font-weight: bold;
    color: white;
}

.DialogBackground
{
    background-color:rgba(0,0,0,0.1);
}

html:

<div class="DynamicForm Dialog">
  <fieldset>
    <legend>
            Allkort, 12 månader, Fullpris
        </legend>.......

Answer 1

我找到了一个解决方案，而不是使用溢出：隐藏。即使我完全讨厌它，我也改为使用普通的 clearfix ..

浏览器仍然呈现出一些不同但我对我所拥有的感到满意..