css – 如何使全屏幕div,并防止大小被内容改变?

前端之家收集整理的这篇文章主要介绍了css – 如何使全屏幕div,并防止大小被内容改变?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于我的网络应用程序,我希望主要的div是全屏(宽度和高度= 100%),无论内容如何,​​我希望它保持在这个大小。这意味着,如果没有太多的内容,它不应该缩小,如果内容太多,不应该推这个主要的div。

我该怎么办?

(我可以使用黑客应用于这个div,只要它会保持内容的无缝)

解决方法

甚至只是:
<div id="full-size">
  Your contents go here
</div>
html,body{ margin:0; padding:0; height:100%; width:100%; }
#full-size{
  height:100%;
  width:100%;
  overflow:hidden; /* or overflow:auto; if you want scrollbars */
}

(html,body可以设置为… 95%-99%或一些这样的帐户略有不一致的利润等)

猜你在找的CSS相关文章