css – 甚至两列布局,其中一列具有标题和粘性页脚

2019年8月3日 167次阅读

如何创建看起来像这样的布局？ (我愿意用桌子！)

http://f.cl.ly/items/393H2F120L2r3P0E0l1w/Screen%20shot%202011-06-04%20at%2011.10.32%20AM.png

我使用表来确保Col 1和Col 2是偶数,但现在我无法弄清楚如何将页眉/页脚添加到Col 2< td>

最佳答案 纯粹是因为你已经明确表示你不介意
using tables for layout,这里是一个基于表格的解决方案：

http://jsfiddle.net/mjQA3/

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="300" rowspan="3">Col 1</td>
        <td height="30">Col 2 Header</td>
    </tr>
    <tr>
        <td>Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br /></td>
    </tr>
    <tr>
        <td height="30">Col 2 Footer</td>
    </tr>
</table>
点赞