IE溢出：隐藏生成一个新行

Question

在第一张图片上有Chrome渲染 在右边有IE。

<div class="row">
    <div class="field">
        Mapname:
    </div>
    <div class="value" style="width: 102px;">
        Russia
    </div>
</div>
<div class="row">
    <div class="field">
        Gamemode:
    </div>
    <div class="value"  style="width: 98px;">
        Samp-Rp.Ru Russia
    </div>
</div>

正如您所看到的，Internet Explorer而不是切断额外的文本会将div.value框放到div.field中。

这是我的css：

div.field{
    float: left;
}

div.value{
    float: right;
    height: 20px;
    line-height: 20px;
    text-align: right;
    overflow: hidden;
}

div.row{
    min-height: 20px;
    line-height: 20px;
    clear: both;
}

Answer 1

IE的世界是一个谜和痛苦，但官方MSDN消息来源暗示使用

-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar