-2

下面链接上的代码在 jsfiddle 上运行良好，但不幸的是浮动：left 不适用于 chrome/firefox。朝这个方向的任何指示都会有所帮助。

jsfiddle链接 

<div class='list' id='list1' style='padding: 1px; border : 5px groove; min-width: 3px; width: auto; min-height: 3px; height: auto; ' >
    <div class='tuple tuple1' id='tuple1_1' style='padding: 2px; border : 1px solid; min-width: 3px; width: auto; min-height: 3px; height: auto;' >
        <div class='elmnt elmnt1 elmnt1_1' id='elmnt1_1' style='padding: 2px; border : 1px dotted; position: relative; left: 6px;  min-width: 3px; width: 100; min-height: 3px; height: auto;' >
            <div class='list' id='list2' style='padding: 1px; border : 5px groove; min-width: 3px; width: auto; min-height: 3px; height: auto; ' >
                <div class='tuple tuple2' id='tuple2_1' style='padding: 2px; border : 1px solid; min-width: 3px; width: auto; min-height: 3px; height: auto; overflow: hidden;' >
                    <div class='elmnt elmnt2 elmnt2_1' id='elmnt2_1' style='padding: 2px; border : 1px dotted; min-width: 3px; width: auto; min-height: 3px; height: auto; float : left;' >jdk-7u11-linux-i586.rpm</div>
                    <div class='elmnt elmnt2 elmnt2_2' id='elmnt2_2' style='padding: 2px; border : 1px dotted; min-width: 3px; width: auto; min-height: 3px; height: auto; float : left;' >107M </div>                  
                </div>
            </div>
        </div>
    </div>
</div>
4

1 回答 1

1

行为上的差异是由于您是否有 DOCTYPE。如果您创建一个顶部带有 DOCTYPE 的完整 html 文件，如下所示：

<!DOCTYPE html>

那么它应该按预期工作。

引用HTML5 规范：

出于遗留原因，需要 DOCTYPE。当省略时，浏览器倾向于使用与某些规范不兼容的不同呈现模式。在文档中包含 DOCTYPE 可确保浏览器尽最大努力遵循相关规范。

于 2013-06-03T20:39:15.057 回答