css中height, width默认值

 转载自：https://www.cnblogs.com/heyode/p/5973960.html

<body>
  <div class="wrap">
    <div class="content"></div>
  </div>
  <style>
  body {
    margin: 0;
    padding: 0;
  }
  .wrap {
    border: 1px solid black;
    width:800px;
  }
  .content {
    width: 500px;
    height:400px;
    background-color: aqua;
  }
  </style>
</body>

 在这里，我们没有给wrap设高度，其默认值为auto。当height设为auto时，该标签的高度由其子标签的高度决定，即：子标签会撑开父标签。

 

而div标签宽度的默认值为100%. 如果，wrap不设width属性，

<body>
  <div class="wrap">
    <div class="content"></div>
  </div>
  <style>
  .wrap {
    border: 1px solid black;
  }
  .content {
    width: 500px;
    height:400px;
    background-color: aqua;
  }
  </style>
</body>

效果如下：

 

posted @ 2019-09-27 10:29  cecelia  阅读(973)  评论(0)  编辑  收藏  举报