桑桑不会写程序 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日

悬赏问题

  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)
  • ¥15 AIC3204的示例代码有吗,想用AIC3204测量血氧,找不到相关的代码。