div的动态CSS自动大小

Question

这有什么不对吗？

CSS：

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

宽度可以工作并动态调整大小到窗口，但高度只是设置为最小高度。

JSFiddle DEMO

Answer 1

无需调整，您需要设置

body,html{
   height: 100%;
}

如果您希望它占用大小

，请将height更改为100％而不是自动

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