css中height, width默认值

最新推荐文章于 2023-01-06 12:39:54 发布

weixin_30607659

最新推荐文章于 2023-01-06 12:39:54 发布

阅读量1.1k

点赞数

原文链接：http://www.cnblogs.com/ceceliahappycoding/p/11596243.html

版权

转载自：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>

效果如下：

转载于:https://www.cnblogs.com/ceceliahappycoding/p/11596243.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30607659

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css中height, width默认值

转载自：https://www.cnblogs.com/heyode/p/5973960.html<body> <div class="wrap"> <div class="content"></div> </div> <style> body { margin:...
复制链接

扫一扫