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 @   cecelia  阅读(980)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示