引导者本文目录一览：
CSS样式中,height:auto和height:100%有什么区别?
1、width：auto和width：100%的区别 width：100% 并不包含margin-left margin-right的属性值，直接取其父容器的宽度加上含margin-left /margin-right的值。如果设置了margin那新的width值是容器的宽度加上margin的值。
2、新闻多的时候一页显示20行，高度要达到200px+。新闻少的时候比如只有一条新闻，如果还是自动高度就很难看了，就要定义一个最小高度比如50px。那这个时候我只要定义min-height： 50px； hight： auto； 就可以了。
3、MAX-WIDTH： 100% ！important； 最大宽度为100%；也就是说你的整个屏幕的大小或者是上一级区域的整个块儿的大小；！important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。
css实现占满屏幕高度
然后需要按照图示代码利用css属性background-size： cover；把整个背景填充。效果显示如下图，图片table高度把屏幕占满。
首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。
-让容器高度充满这个屏幕 在容器内容很少的情况下，要想让这个容器充满整个屏幕：`.container{ }`2-让容器高度充满剩余屏幕高度 要让容器充满屏幕的剩余高度，用 vh 结合 flex 布局就可以实现。
既要宽度100%，又要不变形，这两个条件决定了图片的高度不能另外设置，只能跟随宽度的变化而变化，这样就无法保证完全覆盖剩余区域。
在css设置高度height:100%滚动条不出来,设置具体好使
1、按照常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height：100px；，那它应该在页面的竖向空间里占满100px的高度。
2、cssheight后不能垂直滚动是设置问题。根据查询相关资料显示，在前端浏览器的页面加滚动条时，想要设置高度百分之百，之后垂直滚动条不出来，而设置px却好使。
3、原因是CSS没有设置height高度、overflow属性。首先写上标签用来包含html的主体，再一个div来包含设置overflow的属性值为visible，那么其最后在网页中就会正常的显示了，其子元素超出父元素的部分会显示出来。
