nav_mid_left地方不对
qq_一个心很大的人_0
2017-09-12 21:22
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>企业1.01</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li><a href="#" onClick="AddFavorite(window.location,document.title)">加入收藏</a></li>
<li><a href="#" onClick="SetHome(window.location)">设为首页</a></li>
</ul>
</div>
</div><!--top结束-->
<div class="wrap">
<div class="logo">
<div class="logo_left">
<img src="images/QQ图片20170911210715.png" alt="highway实验室"/>
<!--<div class="logo_mid"></div>-->
</div>
<div class="logo_right">
<img src="images/QQ图片20170911210728.png" alt="highway实验室"/>
</div>
</div><!--logo结束-->
<div class="nav">
<div class="nav_left"></div>
<div class="nav_mid">
<div class="nav_mid_left">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
<div class="nav_mid_right">
<form action="" method="post">
<input type="text"/>
</form>
</div>
</div><!--nav_mid结束-->
<div class="nav_right"></div>
</div><!--nav结束-->
</div><!--wrap结束-->
</body>
</html>
*{
margin:0;
padding:0;
font-size:12px;
}
body{
background-color:#66F;
}
.top{
height:12px;
width:100%;
background:url(../images/top_bg.jpg) repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image:url(../images/li_bg.gif);
float:right;
width:70px;
line-height:12px;
}
.top_content a:link,.top_content a:visited
{
color:#000;
text-decoration:none;
}
.top_content a:hover,.top_content a:active
{
color:#F0F;
text-decoration:none;
}
.wrap{
width:1000px;
margin:0 auto;
}
.logo{
height:118px;
}
.logo_left{
width:346px;
float:left;
}
.logo_right{
width:346px;
float:right;
}
.nav{
height:40px;
}
.nav_left{
width:10px;
background:url(../images/nav_left.jpg)no-repeat;
}
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg)repeat-x;
}
.nav_right{
width:10px;
background:url(../images/nav_right.jpg)no-repeat;
}
.nav_left,.nav_mid,.nav_right
{
height:40px;
float:left;
}
2回答
-
- ZDG
- 2017-12-11 20:32:19
在。nav_left里面写一个clear：left就行
-
- qq_世界左右丈量阳光_0
- 2017-09-13 23:12:23
你的.nav_left,.nav_mid,.nav_right 总宽度达1000px,而设置了边框的话 就不够用了 你把中间nav.mid设置成970试试
企业网站综合布局实战
157081 学习 · 2157 问题
相似问题