Css 是否有任何理由不设置“html,body{height:100%}”?

Css 是否有任何理由不设置“html,body{height:100%}”?,css,Css,min height是否更合适 或者,对于我来说,将所有全屏背景设置为html和body,这是否合适呢?是否可以单独设置为html html, body { height: 100%; background-image: url(blah.jpg); background-size: cover; background-position: center center; } 所有内容都在body上绘制,html是主文档,如果您可以提供样式,但不推荐使用,因为所讨论的body和

min height
是否更合适

或者,对于我来说,将所有全屏背景设置为
html
body
,这是否合适呢?是否可以单独设置为
html

html, body {
  height: 100%;
  background-image: url(blah.jpg);
  background-size: cover;
  background-position: center center;
  }

所有内容都在
body
上绘制,html是主文档,如果您可以提供样式,但不推荐使用,因为所讨论的
body
html
是相同的

min height
在屏幕不需要此尺寸时使用

*{
    margin: 0;
    padding: 0;
}
body {
  background-image: url(blah.jpg);
  background-attachment: fixed;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  }

你只需要在另一个容器中控制你的可滚动内容,只需
body
html名称,这不是很方便,但是如果used@Chad当前位置我不确定这是否是你的意思,但你在我心中激起了很多想法。我想
html,body{height:100%;overflow:scroll | | auto;}
可能会导致
执行内部滚动,而不是全视口滚动。。可能导致
$window.scrollTop()
产生意外结果?我认为这只会在
overflow
设置为默认值
visible
之外的任何值时出现问题。当然,如果更改了可滚动元素,window.scrollTop不会提供所需的信息。这并不是说你不能像
$(“#container')那样简单。scrollTop()
@Chad:那么,这意味着
html,body{height:100%;}
不会影响视口的滚动行为,是吗?这是一个CSS片段,不是答案。