使用CSS在MVC母版页中创建三列布局

ASP.NETMVC2项目

我想创建一个有三列布局的母版页。我现在用桌子

<table>
    <tr>
        <td>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </td>
        <td>
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            </asp:ContentPlaceHolder>
        </td>
        <td>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
            </asp:ContentPlaceHolder>
        </td>
    </tr>
</table>

然后是：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Custom Master Demo</h2>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <meta name="description" content="Here are some keywords for our     page description.">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="width: 200px; height: 200px; border: 1px solid #ff0000;">
        <ul>
            <li>Home</li>
            <li>Contact Us</li>
            <li>About Us</li>
        </ul>
    </div>
</asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div style="width: 200px; height: 200px; border: 1px solid #000000;">
        <b>News</b><br />
        Here is a blurb of text on the right!
    </div>
</asp:Content>

自定义主演示

家
联系我们
关于我们

新闻

右边是一段文字的简介！

布局如下：

然而，使用table可能很愚蠢，有没有一种方法可以用CSS实现它

谢谢。

看看这个：

网上有很多关于这方面的资料。

Reza是正确的，“网上有很多关于这方面的资料。”