html - HTML 布局，框架？

Question

我已经有一段时间没有开发一个网站了，所以我正在征求意见。

我正在使用 asp.net mvc 进行开发。

http://www.freeimagehosting.net/t/2jr8r.jpg

上面链接中的图像是网站的基本布局。它是一个门户类型的应用程序。蓝色部分包含用户详细信息，黑色部分包含单击时将显示在白色部分中的链接。在白色部分，我希望能够在需要时触发弹出窗口。

我的问题是分隔区域（黑色、蓝色、白色）的最佳方法是什么？过去我们会使用框架，现在接受的方式是什么？

感谢您的意见。

Answer 1

目前大多数人使用div标签。你今天可以很容易地做出这种布局，这里有一个小提琴可以玩。

HTML

<div id="page-wrap">
    <div id="header">
        header
    </div>
    <div id="content">
        <div id="sidebar">
            sidebar
        </div>
        <div id="main">
            main content
        </div>
    </div>
</div>​

CSS

#page-wrap {
    width: 960px;
}

#header {
    width: 100%;
    height: 100px;
    background: blue;
}

#content {
    overflow: hidden;
}

#sidebar {
    background: black;
    width: 200px;
    float: left;
    min-height: 400px;
}

#main {
    background: white;
    min-height: 400px;
    width: 760px;
    float: left;
}