2-9的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
html,body,div,img{
margin:0;
padding:0;
}
.header{
height:100px;
width:100%;
line-height:100px;
background:#000;
color:#fff;
position:fixed;
top:0;
left:0;
right:0;
}
.nav{
float:right;
color:#fff;
margin:0 40px;
}
.logo img{
float:left;
}
.bodyer{
min-height:1000px;
width:100%;
background:#ADD8E6;
margin:100px 0 0 0;
clear:both;
overflow:hidden;
}
.left{
height:100%;
width:59%;
padding:150px 0 0 0
float:left;
}
.right{
height:100%;
width:40%;
float:right;
}
h1,span{
font-weight:bold;
}
.left p span{
background:#FF9999;
}
.claer{
clear:both;
}
.footer{
height:100px;
width:100%;
line-height:100px;
text-align:center;
background:#000;
color:#fff;
position:fixed;
bottom:0;
left:0;
right:0;
}
.footerlink{
display:inline;
margin:0 40px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<div class="header">
<div class="logo"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt="logo"></div>
<div class="nav">手记</div>
<div class="nav">猿问</div>
<div class="nav">实战</div>
<div class="nav">职业路径</div>
<div class="nav">课程</div>
</div>
<div class="bodyer">
<div class="left">
<h1>课程推荐</h1>
<p><span>职业路径</span> HTML5与CSS3实现动态网页</p>
<p><span>职业路径</span> 零基础入门Android语法与界面</p>
<p><span>职业路径</span> IOS基础语法与常用控件页</p>
<p><span>职业路径</span> PHP入门开发</p>
<p><span>职业路径</span> JAVA入门开发</p>
</div>
<div class="right">
<h1>相关课程</h1>
<p><span>HTML</span> <span>CSS</span> <span>JavaScript</span></p>
<p><span>HTML5</span> <span>CSS3</span> <span>Jquery</span></p>
<p><span>移动端基础</span> <span>移动端APP开发</span></p>
</div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="footerlink">网站首页</div>
<div class="footerlink">企业合作</div>
<div class="footerlink">人才招聘</div>
<div class="footerlink">联系我们</div>
<div class="footerlink">常见问题</div>
<div class="footerlink">友情链接</div>
</div>
</div>
</body>
</html>
第一个问题为什么我第二次输入浮动不能使用，而且还是白色，第一次是可以用的啊。开始时搭建bodyer部分的左侧和右侧使用浮动就不能使用，效果不能实践？
使用div中嵌套浮动属性可以用 clear属性 没能实践，还有用overflow:hidden;也没能实践，请老师解决一下问题
22
收起
正在回答 回答被采纳积分+1
2回答
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星