DIV背景颜色不显示与车身颜色

时间:2014-02-02 21:35:55

标签: css html colors background

我已将正文背景颜色设置为浅灰色#D6D6D6的颜色,我希望使用浅蓝色#2390bb的背景颜色显示div但是,这只是不起作用, div不显示浅蓝色。有什么想法吗?非常感谢,这是代码;

HTML;

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
body {
background-color: #D6D6D6;
}
</style>
</head>
<body>
<!--TOP COLOR BG-->
<div id="bg-top"></div>

</body>
</html>

CSS;

#bg-top {
background-color: #2390bb;
}

这是我想要的代表; Image

1 个答案:

答案 0 :(得分:5)

根据我的评论:

你的问题是div没有内容......没有宽度/高度......所以不显示蓝色。

在css中使用它以避免边缘上的间隙:

#bg-top {
  background-color: #2390bb;
  position:absolute; 
  top:0;
  left:0;
  width: 100%;
  height: 200px;
}

Plz将答案标记为解决方案,如果这对您有帮助的话!