老师,检查我的代码哪里出错误了?是不是右边定位的问题?定位了但是没效果!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
/*此处写代码*/
.header{
width:100%;
height:100px;
background-color:#FFF;
border:1px solid #C0C0C0;
}
.header img{
width:200px;
height:100px;
position:absolute;
left:50px;
float:left;
}
.header ul{
float:right;
padding-right:50px;
}
.header ul li{
list-style-type:none;
float:left;
font-size:15px;
font-weight:bold;
width:100px;
height:100px;
line-height:100px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<div>
<img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png">
</div>
<div>
<ul>
<li>前端</li>
<li>后端</li>
<li>移动端</li>
<li>数据库</li>
</ul>
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星