html - CSS - 2 列布局 - ASP .NET MVC3/Razor

Question

我正在尝试使用一些基本的 CSS 来显示页眉、导航、第 1 列(主要)、第 2 列(边栏)和页脚。我可以查看此内容，但无法更改任何颜色。除了页脚，我将所有内容都更改为蓝色。我是否删除了 MVC3 和 Razor 所必需的内容？我之前注意到，如果我的图片没有放在内容下方，它们就不会显示。

这是 CSS:

body, html {
    margin:0;
    padding:0;
    color:Blue;
    background:Blue;
}

#wrap {
    width:750px;
    margin:0 auto;
    color: Blue;
    background:Blue;
}

#header {
    padding:5px 10px;
    background:Blue;
}

h1 {
    margin:0;
}

#nav {
    padding:5px 10px;
    background:Blue;
}

#main {
    float:left;
    width:300px;
    padding:10px;
    color:Blue;
    background:Blue;
}

h2 {
    margin:0 0 1em;
}

#sidebar {
    float:right;
    width:410px;
    padding:10px;
    color:Blue;
    background:Blue;
}

#footer {
    clear:both;
    padding:5px 10px;
    background:#ddd;
}

#footer p {
    margin:0;
    height: 1px;
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li {
    display:list-item;
    margin:0;
    padding:0;
}

Answer 1

您正在为 background 和 color 属性使用相同的颜色(蓝色)。因为文本和背景颜色相同，所以你看不到任何东西，但内容确实存在。

将 color: Blue; 更改为 color: #fff; for body, html, #wrap, #sidebar 等

DEMO 在这里。