我想在我的网页上有两列.对我来说,这样做的简单方法是使用表格：
- <table>
- <tr>
- <td>
- Content of the first column.
- </td>
- <td>
- Content of the second column.
- </td>
- </tr>
- </table>
我喜欢这个解决方案,因为首先它是正确的(它给出了我想要的),它也非常简单和稳定(我将永远有两列,无论我的窗口多大).很容易控制桌子的大小和位置.
但是,我知道人们不喜欢表格布局,据我所知,他们使用div和css.所以,我也想尝试这种方法.有人可以帮我吗？
我想要一个简单的解决方案(没有技巧)容易记住.它也需要稳定(因此不会意外地发生一列在另一列之下,或者它们重叠或类似).
解决方法
我建议看这篇文章
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
请参阅4.并列专栏
要使两列(#main和#sidebar)并排显示,我们将它们浮动,一个在左边,另一个在右边.我们还指定列的宽度.
- #main {
- float:left;
- width:500px;
- background:#9c9;
- }
- #sidebar {
- float:right;
- width:250px;
- background:#c9c;
- }
请注意,宽度之和应等于步骤3中#wrap的宽度.
