火狐，UL LI 图片排列float: left;，margin: 0px;padding: 0px;出现上下有距离，怎么样解决
ULLI图片排列float:left;，margin:0px;padding:0px;在IE中没有出现上下有距离，但中在火狐中没有出现上下有距离如何去除上下的距离这是代码...
UL LI 图片排列float: left;，margin: 0px;padding: 0px;在IE中没有出现上下有距离，但中在火狐中没有出现上下有距离如何去除上下的距离
这是代码
<style type="text/css">
#DisplayBox {
}
#DisplayBox ul {
width: 960px;
padding: 0px;
margin: 0px;
float: right;
}
#DisplayBox ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
z-index: 2;
}
#DisplayBox ul li a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="DisplayBox">
<ul>
<li><a href="#"><img src="images/1.jpg" ></a></li>
<li><a href="#"><img src="images/2.jpg" ></a></li>
<li><a href="#"><img src="images/3.jpg" ></a></li>
<li><a href="#"><img src="images/4.jpg" ></a></li>
<li><a href="#"><img src="images/5.jpg" ></a></li>
<li><a href="#"><img src="images/6.jpg" ></a></li>
<li><a href="#"><img src="images/7.jpg" ></a></li>
<li><a href="#"><img src="images/8.jpg" ></a></li>
<li><a href="#"><img src="images/9.jpg"></a></li>
<li><a href="#"><img src="images/10.jpg" ></a></li>
<li><a href="#"><img src="images/11.jpg" ></a></li>
<li><a href="#"><img src="images/12.jpg" ></a></li>
</ul>
</div>
</body>
</html> 展开
这是代码
<style type="text/css">
#DisplayBox {
}
#DisplayBox ul {
width: 960px;
padding: 0px;
margin: 0px;
float: right;
}
#DisplayBox ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
z-index: 2;
}
#DisplayBox ul li a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="DisplayBox">
<ul>
<li><a href="#"><img src="images/1.jpg" ></a></li>
<li><a href="#"><img src="images/2.jpg" ></a></li>
<li><a href="#"><img src="images/3.jpg" ></a></li>
<li><a href="#"><img src="images/4.jpg" ></a></li>
<li><a href="#"><img src="images/5.jpg" ></a></li>
<li><a href="#"><img src="images/6.jpg" ></a></li>
<li><a href="#"><img src="images/7.jpg" ></a></li>
<li><a href="#"><img src="images/8.jpg" ></a></li>
<li><a href="#"><img src="images/9.jpg"></a></li>
<li><a href="#"><img src="images/10.jpg" ></a></li>
<li><a href="#"><img src="images/11.jpg" ></a></li>
<li><a href="#"><img src="images/12.jpg" ></a></li>
</ul>
</div>
</body>
</html> 展开
1个回答
展开全部
您好！很高兴为您答疑！
在头部加了一个*{margin:0;padding:0}就可以解决了，造成错误的原因是没有初始化css。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
在头部加了一个*{margin:0;padding:0}就可以解决了，造成错误的原因是没有初始化css。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
