Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 使渐变适应浏览器高度_Css_Html - Fatal编程技术网

Css 使渐变适应浏览器高度

Css 使渐变适应浏览器高度,css,html,Css,Html,如果你在一个非最大化的窗口中打开我的页面(请不要替换这里的链接,因为我不希望谷歌将此页面链接到我的网站。)并在加载后将其最大化,你会看到渐变在下方重新开始。在opera中,它是一个渐变,但在其他浏览器中,它会垂直重复 如何使其不重复(使渐变适应当前浏览器高度) 有时,我在右下角和左下角看到蓝色方块,是什么导致它们 为了回答(2),蓝色方块是由应用于主体和html元素的背景引起的。由于主体有一个小的边距(默认情况下来自浏览器),因此它向下延伸到html之外的几个像素。它们都有相同的高度,身体垂直偏

如果你在一个非最大化的窗口中打开我的页面(请不要替换这里的链接,因为我不希望谷歌将此页面链接到我的网站。)并在加载后将其最大化,你会看到渐变在下方重新开始。在opera中,它是一个渐变,但在其他浏览器中,它会垂直重复

  • 如何使其不重复(使渐变适应当前浏览器高度)

  • 有时,我在右下角和左下角看到蓝色方块,是什么导致它们

  • 为了回答(2),蓝色方块是由应用于主体和html元素的背景引起的。由于主体有一个小的边距(默认情况下来自浏览器),因此它向下延伸到html之外的几个像素。它们都有相同的高度,身体垂直偏移8px

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


    若要解决此问题,请从html中删除背景,仅将其应用于正文,并将边距更改为padding(如果需要空格)。

    StackOverflow上的所有链接都标记为
    nofollow
    。在这里发布之前,你也应该做一个简单的例子;人们不会为你调试你的代码。你的答案是:@MehdiYeganeh,谢谢,这很有帮助。@Dave我换了主帖。在不遗漏重要部分的情况下,您如何简化此问题?我不明白你的意思,比如