ie6和firefox显示不一样,求解
CSS代码如下*{list-style:none;padding:0;margin:0;font-size:14px;color:#000;}.test{width:55...
CSS代码如下
*{
list-style:none;
padding:0;
margin:0;
font-size:14px;
color:#000;
}
.test{
width:550px;
height:100px;
border:1px solid blue;
padding-left:50px;
}
ul li{
float:left;
padding:5px;
}
HTML代码如下
<div class="test">
<ul>
<li><a href="#">冲向暴风雨</a></li>
<li><a href="#">警告</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
<li><a href="#">想恋人</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
</ul></div>
为什么在firefox中能够完全放下,而在ie6中跳到下一行去了呢,右边的宽度足以放下这些文字了,急求解! 展开
*{
list-style:none;
padding:0;
margin:0;
font-size:14px;
color:#000;
}
.test{
width:550px;
height:100px;
border:1px solid blue;
padding-left:50px;
}
ul li{
float:left;
padding:5px;
}
HTML代码如下
<div class="test">
<ul>
<li><a href="#">冲向暴风雨</a></li>
<li><a href="#">警告</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
<li><a href="#">想恋人</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
</ul></div>
为什么在firefox中能够完全放下,而在ie6中跳到下一行去了呢,右边的宽度足以放下这些文字了,急求解! 展开
展开全部
您好,感谢您对火狐的支持
这是IE6的问题,设置边距的时候在一个单独的盒子里设置,给ui设置了内左边距为50px,不要在.test盒子里设置。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
这是IE6的问题,设置边距的时候在一个单独的盒子里设置,给ui设置了内左边距为50px,不要在.test盒子里设置。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!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">
*{
list-style:none;
padding:0;
margin:0;
font-size:14px;
color:#000;
}
.test{
width:600px;
height:100px;
border:1px solid blue;
}
ul {
padding-left:50px;
}
ul li{
float:left;
padding:5px;
}
</style>
</head>
<body>
<div class="test">
<ul>
<li><a href="#">冲向暴风雨</a></li>
<li><a href="#">警告</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
<li><a href="#">想恋人</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
</ul></div>
</body>
</html>
<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">
*{
list-style:none;
padding:0;
margin:0;
font-size:14px;
color:#000;
}
.test{
width:600px;
height:100px;
border:1px solid blue;
}
ul {
padding-left:50px;
}
ul li{
float:left;
padding:5px;
}
</style>
</head>
<body>
<div class="test">
<ul>
<li><a href="#">冲向暴风雨</a></li>
<li><a href="#">警告</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
<li><a href="#">想恋人</a></li>
<li><a href="#">巧妙的相遇</a></li>
<li><a href="#">我们懂得爱情</a></li>
</ul></div>
</body>
</html>
追问
我知道宽度600可以,主要是想知道 为什么IE和火狐的显示方式不一样,他们的原理是什么
追答
你有没有看懂代码 宽度和你设的是一样的 ie6就是有这样的毛病 设置边距的时候要提出来在一个单独的盒子里设置 我是在给ui设置了内左边距为50px 而没有在.test盒子里设置 就是多加一个盒子 单独设置这个边距属性
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询