使渐变适应浏览器高度

Question

如果您在http://goo.gl/68s0t打开我的页面（请不要在此处替换此链接，因为我不希望谷歌将此页面链接到我的网站。）在非最大化窗口中并在其后最大化加载后，您会看到渐变在下半部分重新开始。在opera中它是一个渐变，但在其他浏览器中它是垂直重复的。

1. 如何让它不重复，即使渐变适应当前的浏览器高度？

2. 有时候，我看到左下角有蓝色方块，是什么原因造成的呢？

Answer 1

要回答（2），蓝色方块是由背景应用于body和html元素引起的。由于身体的边距很小（默认情况下来自浏览器），因此它向下延伸了几个像素，超出了html。它们都具有相同的高度，身体垂直偏移8px。

左边和右边的边距会导致这些小框。

要解决此问题，请从html中删除背景，仅将其应用于正文，并将边距更改为填充，如果您想要那里的空格。