將流體表轉換爲div/css

Question

如何使用div轉換這個3列表格？注意第一列和第三列是流體，只有第二列（中間）是固定寬度。

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td style="background-color:#CCC;">left</td> 
    <td style="width:940px; background-color:#0CF;">middle</td> 
    <td style="background-color:#FF9;">right</td> 
    </tr> 
</table> 

Answer 1

本文介紹如何完成你的願望的基礎DIV佈局： http://www.barelyfitz.com/screencast/html-training/css/positioning/

本質，使容器DIV 100％的寬度，然後是位置3「列」在它的DIV。

Answer 2

或許這將幫助：如你認爲它應該是http://matthewjamestaylor.com/blog/perfect-3-column.htm

你們的這個問題不是那麼簡單。將3個div並排設置並且寬度都按照您希望的方式運行是非常簡單的。讓所有這三個div的高度按照你想要的方式行事更爲棘手。

這篇文章，而不是教程專門針對您的問題，可能會給你一些很好的見解和想法：http://www.alistapart.com/articles/css-positioning-101/

編輯： 你的問題更具體的文章：http://www.alistapart.com/articles/holygrail/