Css 为什么我的背景在这个简单的例子中定位错误_Css_Html

Css 为什么我的背景在这个简单的例子中定位错误

css html

Css 为什么我的背景在这个简单的例子中定位错误,css,html,Css,Html,当我测试这个时，大约30%的图像下部位于右上角我不明白为什么例如，如果我将其放置在左上角或右上角，则效果良好如果我按照本例中的右下角或左下角进行定位，它永远不会起作用如果我给定位左下角，那么大约30%的下部被定位在左上角下面是完整的标记和css <!DOCTYPE html> <html> <head> <meta charset=utf-8" /> <title></title>

当我测试这个时，大约30%的图像下部位于右上角

我不明白为什么

例如，如果我将其放置在左上角或右上角，则效果良好

如果我按照本例中的右下角或左下角进行定位，它永远不会起作用

如果我给定位左下角，那么大约30%的下部被定位在左上角

下面是完整的标记和css

<!DOCTYPE html>
<html>
   <head>
      <meta charset=utf-8" />
      <title></title>
      <style type="text/css" media="screen">
         body
         {
            background-image:url(uppsala.jpg);
            background-position: bottom right;
            background-repeat:no-repeat;
         }
      </style>
   </head>

<body>
</body>
</html>


该图像位于body元素的右下角，但问题是该元素没有您想象的那么高，因此看起来它位于错误的位置
将此添加到CSS规则中：
body, html {
    min-height:100%;
}

您应该在css规则中声明高度
body,html
         {
            background-image:url(uppsala.jpg);
            background-position: bottom right;
            background-repeat:no-repeat;
            height:100%;
         }

你的回答有效，但我不明白你的意思。如果我只使用我的代码，那么在右下角不会显示任何内容，只会在右上角显示30%。您能更好地解释一下您的意思吗？
标记不会自动覆盖整个viewscreen，即其高度不会自动100%。如果在代码中为主体添加背景色，您可以理解我的意思。背景色填充整个视口，但当我使用边框时：1px纯红；我知道会发生什么。图像实际上位于右下角。这还不够，还必须将html
设置为height:100%
。