Question

我开始研究一些CSS项目，我想知道如何在不需要任何文本的情况下在背景中着色...我尝试使用空div并且不会创建背景（如条形图，不是完整的背景。）我必须插入一些随机文本才能使它成为页面上的一条颜色。

<style>
  #bg {
    background-color: yellow
  }
</style>

<div id="bg">
  <p>somehting</p>
</div>

这几乎就是我的代码会失败的原因，我需要某种文本来制作背景资料。但我只想制作一个背景而不需要任何文字，比如页面上一个完全空的条带。有什么投入？感谢。

Answer 1

为您的元素设置width和height。默认情况下，未设置宽度和高度，因此浏览器不知道要应用背景颜色需要多少空间。添加内容后，浏览器可以生成绘制绑定/可绘制区域。

＆＃13;

#bg {
  background-color: yellow;
  width: 300px;
  height: 300px;
}

＆＃13;

<div id="bg">
</div>

＆＃13;

Answer 2

为#bg添加with和height。

例如：

<style> 
  #bg{background-color:yellow; width: 100px; height: 100px;}
</style>

<body> 
<div id="bg">
</div>

Answer 3

你需要在你的div中设置宽度和高度，因为默认情况下div的大小和里面的内容一样大（默认的宽度和高度是auto），所以如果你的div没有内容那么它会按预期崩溃。同样，您也可以设置宽度/高度来设置div默认大小，以便它不会崩溃。