桑桑不会写程序 2022-10-08 21:45 采纳率: 100%
浏览 39
已结题

初学者对于盒子问题的讨论,希望友友们能够解惑


<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3行1列</title>
  <style>
 *{
  margin: 0;
  padding: 0;
}


#container {
  margin:0 auto; 
  width:900px;
  height:500px; 
}
#header { 
  height:100px;
  background:#6cf; 
  margin-bottom:5px;
}
#main{ 
  height:500px;
  background:#cff; 
  margin-bottom:5px;
}
#footer { 
  height:60px; 
  background:#6cf;
}
</style>
</head>
<body>
<div id="container">
  <div id="header">
  </div>

  <div id="main"> 
  </div>

  <div id="footer">
  </div>
</div>

</body>
</html>

友友们,对于这样的一段语言,父盒子的高度一开始是500像素,随着herder和main、footer高度的增加,最后盒子的高度应该是670个像素对吗?

  • 写回答

3条回答 默认 最新

  • 心寒丶 全栈领域优质创作者 2022-10-08 22:18
    关注

    设置了 container 的高度,它就不会自动增加,还是500px,如果不设置的话,默认他是会随内部元素增高而增高
    #container {
    margin:0 auto;
    width:900px;
    height:500px;
    }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月18日
  • 已采纳回答 10月10日
  • 创建了问题 10月8日

悬赏问题

  • ¥20 模型在y分布之外的数据上预测能力不好如何解决
  • ¥15 processing提取音乐节奏
  • ¥15 gg加速器加速游戏时,提示不是x86架构
  • ¥15 python按要求编写程序
  • ¥15 Python输入字符串转化为列表排序具体见图,严格按照输入
  • ¥20 XP系统在重新启动后进不去桌面,一直黑屏。
  • ¥15 opencv图像处理,需要四个处理结果图
  • ¥15 无线移动边缘计算系统中的系统模型
  • ¥15 深度学习中的画图问题
  • ¥15 java报错:使用mybatis plus查询一个只返回一条数据的sql,却报错返回了1000多条