<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>站点地图</title>
<link rel="stylesheet" href="navbar.css" type="text/css" />
</head>
<body>
<ul id="head">
<div id="nav">
<li id="page5"><a href="contact.html">机械通讯录</a></li>
<li id="page4"><a href="map.html">站点地图</a></li>
<li id="page3"><a href="calendar.html">机协日历</a></li>
<li id="page2"><a href="document.html">机协文档</a></li>
<li id="page1"><a href="index.html">机械协会</a></a></li>
</div>
</ul>
<div id="searchbox">
<form name="search" action="http://www.google.cn/search" method="get" id="google">
<input name="sitesearch " value="jxhbb.99rr.net" type="hidden"> <!--告知 Google 你要搜索的指定网站或指定域名-->
<input name="ie " value="utf-8" type="hidden"> <!--告知 Google 发送搜索词的网页编码-->
<input onfocus="if( this.value=='用 Google 搜索本站') {this.value='' };" size="25" name="q" id="query" value="用 Google 搜索本站" type="text">
<input name="Search" value="搜索" attr="value" type="submit">
<input name=" oe" value=" utf-8" type="hidden"> <!--告知 Google 显示搜索的网页编码-->
<input name=" hl " value=" zh-CN" type="hidden"> <!--告知 Google 显示搜索的网页语言-->
</form>
</div>
</body>
</html>
在css中设置成serchbox和head都是100%宽，但是在ie7中显示不是等宽
为什么<ul>和<div>中的内容不是同样的宽度
答案:1 悬赏:10 手机版
解决时间 2021-02-23 08:03
- 提问者网友：斑駁影
- 2021-02-22 11:39
最佳答案
- 五星知识达人网友：撞了怀
- 2021-02-22 12:14
因为 在火狐、ie7 <li>这个标签前面会有空余，虽然也不是太具体的了解，但是通常我调试的时候都会碰到，告诉你解决方法吧
<style type="text/css">
#head {
margin-left:0px;
border:1px solid red;
width:100%;}
#nav {
border:1px solid black;
margin-left:-22px !important;
margin-left:0px;
width:100%;}
#nav li {
width:100%;
border:1px solid blue;
padding-left:0px;
}
</style>
这是我写的css 测试过了，这样在不同的浏览器下效果就一样了
<style type="text/css">
#head {
margin-left:0px;
border:1px solid red;
width:100%;}
#nav {
border:1px solid black;
margin-left:-22px !important;
margin-left:0px;
width:100%;}
#nav li {
width:100%;
border:1px solid blue;
padding-left:0px;
}
</style>
这是我写的css 测试过了，这样在不同的浏览器下效果就一样了
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯