使用css的rowspan

Question

我的網站佈局使用這樣的表格。

<table> 
    <tr> 
    <td align="left" valign="top" rowspan="2" style="padding-right:41px;"> 
    </td> 
    <td align="left" valign="top" width="440px"> 
    </td> 
    </tr> 
    <tr> 
    <td align="left" valign="top" width="440px"> 
    </td> 
    </tr> 
</table> 

左側的導航欄佔用兩行兩列。

我該如何將此翻譯爲CSS？我如何處理rowspan？

我讀過使用表格會降低渲染頁面的速度，因爲瀏覽器在渲染表格之前必須先渲染所有列。所以如果一列包含1000個嵌套div，其他列必須等待呈現。這是真的？

Answer 1

我想你想是這樣的：

CSS：

div#navBar { 
    float: left; 
    padding-right: 41px; 
} 
div.nonHeader { 
    width: 440px; 
} 

HTML：

<div id="navBar"></div> 
<div id="header" class="nonHeader"></div> 
<div id="bodyText" class="nonHeader"></div> 

這迫使導航欄的標題和正文文本的div的左側，這是固定寬度的。

我不知道你是否不希望navBar div是固定寬度，而另外兩個靈活，但是。