我网页上的CSS错误

时间:2014-11-28 01:43:18

标签: html css

我正在制作一个新主题,但我有一点问题...... Click here to see my design。正如你所看到的,黑暗的容器背景只是在DaniThemes'徽标,但我希望它占据整个结构。在这里您可以使用以下代码:

html, body {
height: 100%;
}


#content {
width:1000px;
height:auto;
background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding:20px;
margin-left: auto;
margin-right: auto;
}

我做错了什么?谢谢

2 个答案:

答案 0 :(得分:1)

您有两个id =' content'的元素。 id应该是唯一的,因此在多个元素上使用它会导致问题。

从那开始,然后回头看看是什么。

答案 1 :(得分:0)

你需要清除浮子。在div#content添加clearfix

的CSS:

.cf:before,
.cf:after {
    content: " ";
    display: table; 
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

HTML:

<div id="content" class="cf">