关于在div里嵌入ul、li项目列表，在IE与Firefox里显示不一样的问题
如上标题，在div里嵌入ul、li项目列表，在IE与Firefox里显示不一样。我在div里嵌入了项目列表，列表时以导航条的形式横着排列，我将ul的margin属性设为了...
如上标题，在div里嵌入ul、li项目列表，在IE与Firefox里显示不一样。
我在div里嵌入了项目列表，列表时以导航条的形式横着排列，我将ul的margin属性设为了0px ，可是li所属区域左侧在IE里可以与div靠紧，但是在Firefox里li左侧不与div靠紧，总是有一定区域，代码如下：
<!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>
<style type="text/css">
#a { width:500px; height:200px; margin:auto; background-color:#CCC;}
#a .b { list-style-type:none; margin:0px;}
#a .c{ width:100px; height:150px; float:left; background-color:#930;}
#a .d{width:100px; height:150px; float:left; background-color:#9F9; }
</style>
</head>
<body>
<div id="a">
<ul class="b">
<li class="c"></li>
<li class="d"></li>
<li class="d"></li>
<li class="d"></li>
</ul>
</div>
</body>
</html>
如上，如果在IE里显示，棕色的li项左侧会紧靠在div里，可是在Firefox里显示，棕色的li项左侧会与div有一定距离。
请问，在使用ul、li前提下，怎样可以与div靠紧，使其在ie与Firefox里显示都是靠紧的、一样的？或者在使用ul、li的前提下，有什么折中的方法？ 展开
我在div里嵌入了项目列表，列表时以导航条的形式横着排列，我将ul的margin属性设为了0px ，可是li所属区域左侧在IE里可以与div靠紧，但是在Firefox里li左侧不与div靠紧，总是有一定区域，代码如下：
<!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>
<style type="text/css">
#a { width:500px; height:200px; margin:auto; background-color:#CCC;}
#a .b { list-style-type:none; margin:0px;}
#a .c{ width:100px; height:150px; float:left; background-color:#930;}
#a .d{width:100px; height:150px; float:left; background-color:#9F9; }
</style>
</head>
<body>
<div id="a">
<ul class="b">
<li class="c"></li>
<li class="d"></li>
<li class="d"></li>
<li class="d"></li>
</ul>
</div>
</body>
</html>
如上，如果在IE里显示，棕色的li项左侧会紧靠在div里，可是在Firefox里显示，棕色的li项左侧会与div有一定距离。
请问，在使用ul、li前提下，怎样可以与div靠紧，使其在ie与Firefox里显示都是靠紧的、一样的？或者在使用ul、li的前提下，有什么折中的方法？ 展开
2个回答
展开全部
您好，感谢您对火狐的支持
典型的CSS兼容问题，不同浏览器的处理方法，您可以参考：多浏览器兼容性问题及解决方案：http://www.jb51.net/css/23232.html
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
典型的CSS兼容问题，不同浏览器的处理方法，您可以参考：多浏览器兼容性问题及解决方案：http://www.jb51.net/css/23232.html
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
