浮動左不工作在瀏覽器

-1

下面的鏈接上的代碼，在jsfiddle工作正常，但不幸浮動：lefft不工作鉻/ Firefox。任何在這個方向的指針都會有所幫助。浮動左不工作在瀏覽器

<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>

來源

2013-06-03 user1628340

如果它在小提琴中工作正常，發佈它有什麼意義？發佈一個顯示你的問題。 – j08691

將代碼複製並粘貼爲html文件，運行它，您會發現div不會左移，問題@ j08691 – user1628340

也許這些會幫助： http://stackoverflow.com/questions/10572340/ css-weirdness-in-firefox-float-left-not-floating-left-unless-large-width-is -u http://www.hotscripts.com/forums/css/35950-float-left-working -everywhere-but-firefox.html –

行爲的差異是由於你是否有一個DOCTYPE與否。如果您在頂部創建DOCTYPE的完整HTML文件，如下所示：

<!DOCTYPE html>

那麼它應該按預期工作。

從HTML5 specification報價：

文檔類型都需要遺留原因。省略時，瀏覽器傾向於使用與某些規範不兼容的不同渲染模式。在文檔中包含DOCTYPE可確保瀏覽器盡最大努力遵循相關規範。

來源

2013-06-03 20:39:15

浮動左不工作在瀏覽器

回答

相關問題