我的div设置为100％，表格的宽度为1000px，但背景不覆盖页面

Question

我知道这是简单的编码，但我认为我是在思考它。 以下是我对表信息的看法：

<table width = "1000px" cellspacing = "5">

我在所有broswers中的分辨率看起来很棒，这是1366乘768但是在1280 by 720分辨率顶部背景图像中断。最初我以为它是桌子，但我在它周围放了一个边框，它仍然被切断了。这几乎与常识有关（换句话说，你不会在更大的分辨率上看到更多的“浅蓝色”背景吗？再次，我认为我陷入了一种心态，我无法确定为什么在我的宽屏显示器上，它涵盖了屏幕，但不是在较小的显示器上。

body {
  background-color: lightblue;
  margin: 0;
}


#top {
  width: 100%;
  height: 200px;
  position: relative;
  background-image: url('lightblue.jpg')
}

#bottom {
  width: 100%;
  height: 50%;
  position: relative;
  z-index: -1;
}

Answer 1

使用背景图像重复。它可能会奏效。

background-repeat:repeat;