css,footer无法显示_html/css_WEB-ITnose

我故意搞错,导致div footer无法显示,我不明白为什么会有这种效果,请解答





第8课,实战首页布局
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
#container {
width:1002px;
background: gray;
}

#header {
height: 120px;
background: orange;
}

#main {
height: 600px;
background: green;
}

#lside {
width: 700px;
height: 600px;
float: left;
background: pink;
}

.four{
width: 330px;
height: 280px;
background: black;
margin: 10px;
float: left;
}

#rside {
width: 302px;
height: 600px;
background: purple;
float: right;
}

#footer {
/*height: 120px;*/
height: 2020px;
background: blue;
float: left;
}
</style>

<body>















回复讨论(解决方案)

什么效果,你指的是footer的背景没显示出来吗?原因是加float后宽度变为0

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: