如何將此基於表格的佈局轉換爲使用基於CSS佈局的語義html？

在上圖中，大部分的html都是語義的，使用css來管理它的全部外觀。儘管我盡了最大的努力，但是我不得不求助於使用桌子來讓右側的部分保持在原來的位置，並在屏幕變得太大時允許其內部元素流暢地包裹，如下所示：

我知道如果表格只用於「表格數據」，但我從來沒有找到一種強制元素不使用表格的好方法。有人解決了這個問題嗎？

什麼是您正在解決的_exact_問題？允許文本換行發生在div容器中？這聽起來不是什麼大問題，因爲它應該默認發生。 – 2010-10-01 21:21:52

如果我使用div來保持左側的「選擇佈局」區域和右側的按鈕和製表符，那麼只要按鈕或製表符超過瀏覽器寬度，右側的整個面板就會在佈局列表下向下流動。我希望它保持在右側，並使按鈕列表（例如）開始換行。 – StriplingWarrior 2010-10-01 22:40:48

您應該可以設置它的寬度。如果沒有看到你正在做這件事的確切方式，這很難做到，因爲CSS取決於父代的大小等。

我也會查看CSS屬性最小寬度。

2010-10-01 21:24:29 beta0x64

我希望右側的面板寬度（使用佈局選項卡和按鈕）自行調整，以便在左側的佈局按鈕列表佔用所需的空間之後佔用剩下的任何空間。 – StriplingWarrior 2010-10-01 22:36:11

你試過使用列表項？通常，在創建菜單元素時，最好使用UL-> LI而不是span或div

2010-10-01 21:25:29 FatherStorm

按鈕和選項卡列表使用列表項目。這裏唯一的表格有兩個單元格：一個用於保存左側的佈局列表，另一個用於保存右側的按鈕和製表符列表。 – StriplingWarrior 2010-10-01 22:37:38

回答