避免表格爲HTML 5佈局

-2

問題很簡單：如何正確避免表格佈局。問題：DIV佈局浮動：左邊是不總是有用的，因爲經常在瀏覽器拉伸所有div堆一個比其他...避免表格爲HTML 5佈局

我有一個div容器

<div id="container"> 
<div id="child1"> </div> 
<div id="child2"> </div> 
<div id="child3"> <div> 
</div>

集裝箱100％的頁面。孩子1,2寬度固定寬度（實例300px）和第三個寬度可變寬度30％

我希望他們不要在瀏覽器伸展時將其中一個疊在另一個之上。它是否可行？謝謝

來源

2013-03-26 velteyn

你見過在CSS'float'？ – Mooseman 2013-03-26 16:32:22

你究竟想要什麼？固定寬度？ – 2013-03-26 16:32:33

創建您遇到的問題的一些示例，我們將提供幫助。查看[jsfiddle]（http://jsfiddle.net）。 – MiniRagnarok 2013-03-26 16:32:40

http://thoughtsandideas.wordpress.com/2010/07/15/introduction-to-div-based-layout/

不要使用表格佈局。也許鏈接可以幫助你。

來源

2013-03-26 16:36:15 roman

您應該始終避免使用<table>進行佈局。使<table>顯示錶格數據。這是它的目的。如果您在此目的之外使用它，那麼您錯誤地使用了它。另外，如果你不能使用float或display來實現你想要的佈局：inline，那麼你很可能做錯了，或者需要一些javascript來幫助你，直到flexbox功能被完全實現和支持。

看到這個職位在這裏作進一步的解釋：Why not use tables for layout in HTML?

來源

2013-03-26 16:36:37 Michael

避免表格爲HTML 5佈局

回答

相關問題