IE中设置的渲染字段答案

【问题标题】：Render Field set in IEIE中设置的渲染字段
【发布时间】：2012-06-15 14:38:21
【问题描述】：

我有一个 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>.......

【问题讨论】：

为什么要使用overflow:hidden;？为什么你不能为你的 div 提供固定的高度和宽度？
@YavgenyP 好吧，对话框的大小并不总是一样，所以不，我不能为它提供固定大小！

标签： html css internet-explorer rendering

【解决方案1】：

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

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

【讨论】：