前端学习笔记(10)之PC端高度自适应的两种情况

PC端高度自适应

    • 内容多时自适应高度,内容少时有最小高度
    • 没有最小高度,DIV完全自适应高度

内容多时自适应高度,内容少时有最小高度

  • min-height的值是分界点,小于min-height 容器高度保持在min-height值,大于min-height值时容器自适应高度。

    a: 内容增加,会把父元素高度撑开。
    b: 当内容减少的时候,让容器保持一个最小高度。

    最小高度的设置:
    min-height

没有最小高度,DIV完全自适应高度

  • 子元素高度跟随父元素高度发生变化:

*想要全局都用百分比设置宽高,
要首先设置html、body的height:
html,body{
height:100%;
}

你可能感兴趣的:(前端,css,css)