html - div 的动态 CSS 自动大小

Question

这有什么问题吗？

CSS:

width:auto;
height:auto;
min-width:500px;
min-height:500px;

宽度有效并根据窗口动态调整大小，但高度只是设置为最小高度。

JSFiddle DEMO

Answer 1

没有什么可调整的，你需要设置

body,html{
   height: 100%;
}

并将 height 更改为 100% 而不是 auto 如果您希望它占据大小

#div1 {
  width:auto;
  height:100%;
  min-width:500px;
  min-height:500px;
  background-color:#F00;
}