Css IE和Webkit的区别

这是我的漂亮表单代码：

<dl>
    <dt class='breed'><label for="nwberichten">Fieldname</label></dt>
    <dd>
        Input
    </dd>
    <div class='clear'>&nbsp;</div>
</dl>
<dl class='oe'>
        <dt class='breed'><label for="nwberichten">Fieldname</label></dt>
        <dd>
            Input
        </dd>
        <div class='clear'>&nbsp;</div>
    </dl>

在webkit（如Safari）中，不平坦的一行中，带有BG颜色的一行看起来非常完美。bgcolor从一个虚线边框转到另一个虚线边框。 在IE中，颜色只有10px（约）高，外观混乱

---

这怎么可能呢？

我将简要说明我做了什么以及为什么。代码在末尾

第一个错误是在

dl

元素中使用清除

div

s。

dl

只能包含

dd

s和

dt

s。要实现清除，您可以为

dl

s设置

overflow

为

hidden

。它达到了同样的效果。这也可能是你的页面在IE中看起来有点混乱的原因（因为

dl

s中的

div

s）

至于剩下的，我只是清理了一下你的CSS

HTML:

---

我将简要解释我做了什么以及为什么。代码在末尾

第一个错误是在

dl

元素中使用清除

div

s。

dl

只能包含

dd

s和

dt

s。要实现清除，您可以为

dl

s设置

overflow

为

hidden

。它达到了同样的效果。这也可能是你的页面在IE中看起来有点混乱的原因（因为

dl

s中的

div

s）

至于剩下的，我只是清理了一下你的CSS

HTML:

---

你能链接到实况转播吗？如果我们可以在浏览器中加载页面，调试起来会更容易。这也可以在不使用

的情况下实现，而且会稍微有点语义化。我也可以使用div；但已经有人选择了辩护名单。此外，表单定义了网页的工作方式：因此定义列表：）你能链接到实时复制吗？如果我们可以在浏览器中加载页面，调试起来会更容易。这也可以在不使用

的情况下实现，而且会稍微有点语义化。我也可以使用div；但已经有人选择了辩护名单。此外，表单定义了网页应该如何工作：因此定义列表：）

dl {margin-top:0px;}
dt {float:left; text-align:right; width:120px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:400px; line-height:25px; margin:0 0 10px 0;}
DL  {
    border-bottom:1px dashed #aaa;
    margin:0px;
    line-height:20px;
    padding-top:6px;;
}

DL DD   {
    line-height:20px;
    background:transparent;
}
DT  {
    line-height:20px;
    background:transparent;
}
DL.oe   {
    background:#efe;
}

<dl>
    <dt class="breed"><label for="nwberichten">Fieldname</label></dt>
    <dd>
        Input
    </dd>
</dl>
<dl class="oe">
    <dt class="breed"><label for="nwberichten">Fieldname</label></dt>
    <dd>
        Input
    </dd>
</dl>

dl { margin:0; padding-top:6px; overflow:hidden; border-bottom:1px dashed #aaa; }
dl.oe { background:#efe; }
dt, dd { float:left; line-height:25px; background:transparent; }
dt { text-align:right; width:120px; margin:0 10px 10px 0;}
dd { width:400px; margin:0 0 10px 0;}