Question

我尝试使用一些基本的CSS来显示标题，导航，第1列（主要），第2列（侧边栏）和页脚。我可以查看此内容，但我无法更改任何颜色。除了页脚，我把一切都变成了蓝色。我删除了MVC3和Razor所需的东西吗？我之前注意到，如果我没有在Content下面显示我的图像，那么它们就不会显示。

这里是 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;，body，html等的#wrap更改为#sidebar。

DEMO 此处。

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

1 个答案: