作业帮 > 综合 > 作业

div#footer{background-color:#333; color:white; clear:both;he

来源:学生作业帮 编辑:拍题作业网作业帮 分类:综合作业 时间:2024/04/28 15:44:48
div#footer{background-color:#333; color:white; clear:both;height:50px}
#footer没加clear:both;为什么height:50px}根本就显示不出来
① 题主要首先明白,clear:both 的用途,给你个链接看看~
简单来说,clear:both 的用处就是,清除上方元素“浮动导致高度坍塌”(容器高度为0).

② 清楚了 clear:both 是用来清除浮动之后:
  如果 #footer 没加 clear:both;,就会使 #footer 上方的元素没有清除浮动.
  也就是说,加入  #footer 上方的元素是设置了 float,或者  #footer 上方的元素的子元素设置了 float,导致高度坍塌,#footer 就会被上方的元素 遮盖了,导致 #footer 显示不出来