前言

最近所在的的新公司你用的jQuery做的项目，所以全是一些基本的css和js，很多都已经忘记了，所以做一下记录，在进行页面布局的时候，我们的高度是可以设置一个百分比进而继承父元素的

主要内容

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body>
    <div style="width: 100%; height: 600px; font-weight: bolder">
      <div style="height: 80%; background-color: antiquewhite">12343</div>
      <div style="height: 20%"></div>
      <div style="height: 800px; background-color: dodgerblue">
        8888
        <li style="height: 100%">6666</li>
      </div>
    </div>
  </body>
</html>

在父元素设置高度600px之后，后面有两个子元素设置height：20%和80%，他们会继承父元素的高度，然后得到自己的高度为120px和480px，如果子元素中还有子元素，然后设置嵌套的子元素高度的百分比，那么它只会继承离它最近的父元素的高度；比如第三个div设置height:100%,那么他的高度就是800px

高度可以设置百分比进行继承

前言

主要内容