火狐下 CSS的问题
<html><head><styletype="text/css">A{width:100px;padding:30px,80px;background-color:gr...
<html>
<head>
<style type="text/css">
A
{
width:100px;
padding:30px,80px;
background-color:green;
}
</style>
</head>
<body >
<A href="">菜单</a>
</body>
</html>
上面的代码在IE下 width padding color都是有效的
为什么在火狐下 width padding 就无效了呢 展开
<head>
<style type="text/css">
A
{
width:100px;
padding:30px,80px;
background-color:green;
}
</style>
</head>
<body >
<A href="">菜单</a>
</body>
</html>
上面的代码在IE下 width padding color都是有效的
为什么在火狐下 width padding 就无效了呢 展开
2个回答
展开全部
IE 跟 火狐的CSS兼容问题是一直存在的，你的问题是典型的不兼容，建议看看这篇文章：
http://www.iwms.net/n1960c40.aspx
所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。
而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义
width:115px !important;width:120px;padding:5px;
必须注意的是， !important; 一定要在前面。
http://www.iwms.net/n1960c40.aspx
所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。
而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义
width:115px !important;width:120px;padding:5px;
必须注意的是， !important; 一定要在前面。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好！很高兴为您答疑！
如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义：width:115px !important;width:120px;padding:5px;
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px.
即padding:5px是在width里面。而Firefox中，上面这个定义，显示宽度就是 125 px;
所以，我们就必须这样定义：width:115px !important;width:120px;padding:5px;
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
