老师怎么样才能使页面放大不重叠
《h't'm'l》
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>项目01</title>
<link rel="stylesheet" type="text/css" href="./css/项目01.css"/>
<script type="text/javascript" src="./js/项目01.js"></script>
</head>
<body>
<!-- 页眉 -->
<div class="header">
<img src="./img/logo.png" class="header-img">
<ul>
<li><a href="#" target="_self">HOME</a></li>
<li><a href="#about" target="_self">ABOUT</a></li>
<li><a href="#" target="_self">GALLERY</a></li>
<li><a href="#" target="_self">FACULTY</a></li>
<li><a href="#" target="_self">EVENTS</a></li>
<li><a href="#" target="_self">CONTACT</a></li>
</ul>
</div>
</body>
</html>
《css》
*{
padding: 0px;
margin: 0px;
}
.header{
width: 100%;
position: fixed;
top: 0px;
background-color: #07CBC9;
}
.header .header-img{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 150px;
}
.header ul{
margin-right: 150px;
float: right;
list-style: none;
}
.header ul li{
float: left;
margin-top: 35px;
margin-left: 5px;
z-index: 10;
}
.header ul li a{
text-decoration: none;
color: white;
font-weight: bolder;
padding-left: 20px;
padding-right: 20px;
}
.header ul li a:hover{
background-color: black;
padding-top: 35px;
padding-bottom: 35px;
}
正在回答
同学你好,使宽度设置成具体具体值,不设置成百分比即可。
如下举例:
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
相似问题
登录后可查看更多问答,登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星