UC知道关于在div里嵌入ul、li项目列表，在IE与Firefox里显示不一样的问题
来源：百度知道 编辑：UC知道 时间：2024/07/03 03:24:10
如上标题，在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
我在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
样式多写几个就行了
以width为例
width:50px;所有浏览器
width:50px!important;ie6.0
_width:50px;ie6.0以上版本
三个顺序不能颠倒
您好，感谢您对火狐的支持
典型的CSS兼容问题，不同浏览器的处理方法，您可以参考：多浏览器兼容性问题及解决方案：http://www.jb51.net/css/23232.html
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。