本帖最后由 hobo214 于 2013-02-26 10:43:14 编辑
具体网页在这里
http://www.esderive.com/ch/index2.html
这里的li结构，我把相同的样式复制到新建的空白文件里，继承所有相同的样式，li之间是没有间距的，但是放到这个页面有出现诡异的间距了。。。
求解脱。。。
回复讨论(解决方案) firebug 看下 ，是什么样式把它影响到了。
firebug 看下 ，是什么样式把它影响到了。
好像确实没有啊。
我用chrome找了好久。现在又一非常诡异的事出现了...我怀疑是不是有漏了结束标签。
但是看chrome解析的结构没问题，应该也不是这个问题。纠结中
你把红色地方去掉看下
.box ul li a{
height: 30px;
line-height: 30px;
}
.box ul li{
height: 30px;
white-space: nowrap;
}
body {
color: #303030;
font-family: 宋体,arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
line-height: 1.5em;
}
你把红色地方去掉看下
.box ul li a{
height: 30px;
line-height: 30px;
}
.box ul li{
height: 30px;
white-space: nowrap;
}
body {
color: #303030;
font-family: 宋体,arial, helvetica, sa……
还是这样哦。。。
http://www.esderive.com/ch/index3.html
重写了个静态，没问题了。可是按这个静态套进动态页面又不行了，看来要检查下动态的标签是不是都关闭了
引用 3 楼 bbjbepzz 的回复:你把红色地方去掉看下
.box ul li a{
height: 30px;
line-height: 30px;
}
.box ul li{
height: 30px;
white-space: nowrap;
}
body {
color: #303030;
font-family: 宋体,……
下面那个height你没有去掉
.box ul li{
height: 30px;
white-space: nowrap;
}
引用 4 楼 hobo214 的回复:引用 3 楼 bbjbepzz 的回复:你把红色地方去掉看下
.box ul li a{
height: 30px;
line-height: 30px;
}
.box ul li{
height: 30px;
white-space: nowrap;
}
body {
color: #303030;
……
现在去了，看起来间距小了，但是li之间那个诡异的间距还是存在啊
.box ul li{
float:left;
white-space: nowrap;
}
好吧，结贴吧。li结束标签后面有空格。。。
这竟然影响到了样式。。。这是什么情况？