2-9问题为什么页面变窄的时候页头的导航会出来,还有别的问题吗
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{margin:0;padding:0;}
img{width:100px;height:80px;}
.aouto{width:100%;height:90px;background:black;}
.song{color:white;
display:inline-block;
padding-right:20px;
}
.xiao{float:right;margin:0 auto;line-height:90px;}
.yang{width:100%;height:500px;background:#5880f9;margin:0 auto;padding-top:1px;}
.hang{width:50%;height:500px;float:left;}
.wei{width:50%;height:500px;float:right;}
li{list-style:none;}
.rui{margin:0 auto;}
.red{width:100%;height:80px;background:black;padding-top:1px;}
.bule{ display:inline-block;color:white;padding-right:20px;}
.jian{text-align:center;line-height:80px;}
/*此处写代码*/
</style>
</head>
<body>
<div class="aouto">
<img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png">
<ul class="xiao">
<li class="song">课程</li>
<li class="song">职业路径</li>
<li class="song">实战</li>
<li class="song">猿问</li>
<li class="song">手记</li>
</ul>
</div>
<div class="yang">
<div class="hang">
<ul class="rui">
<h3>课程</h3>
<li class="zhou"><span>职业路径</span>� htlm5与css3实现动态网页</li>
<li><span>职业路径</span>� htlm5与css3实现动态网页</li>
<li><span>职业路径</span>� htlm5与css3实现动态网页</li>
<li><span>职业路径</span>� htlm5与css3实现动态网页</li>
</ul>
</div>
<div class="wei">
<ul class="yi">
<h3>相关课程</h3>
<li>html�css�html</li>
<li>html�css�html</li>
<li>html�css�html</li>
</ul>
</div>
</div>
<div class="red">
<ul class="jian">
<li class="bule">网站首页</li>
<li class="bule">网站首页</li>
<li class="bule">网站首页</li>
<li class="bule">网站首页</li>
<li class="bule">网站首页</li>
</ul>
</div>
<!-- 此处写代码 -->
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星