css的width及height的不同浏览器兼容问题，求高手解答！
<STYLEtype="text/css">#content{width:414px!important;width:400px;padding:5px;border:1...
<STYLE type="text/css">
#content
{
width: 414px !important;
width: 400px;
padding: 5px;
border:1px #000 solid;
}
</STYLE>
<body>
<div id="content">1</div>
</body>
这个代码在fire中是422px，ie5为396px； ie6为408px；ie7压根不显示，ie8及9为422px；那么问题来了，我想请高手帮忙解答下1这些像素四怎么算出来的，还有各个浏览器中border的宽度是算在width内还是外的问题。2，确定一个区块的宽度怎么写才能让各个浏览器显示都一样呢！就那上面的例子来说~谢谢了~ 展开
#content
{
width: 414px !important;
width: 400px;
padding: 5px;
border:1px #000 solid;
}
</STYLE>
<body>
<div id="content">1</div>
</body>
这个代码在fire中是422px，ie5为396px； ie6为408px；ie7压根不显示，ie8及9为422px；那么问题来了，我想请高手帮忙解答下1这些像素四怎么算出来的，还有各个浏览器中border的宽度是算在width内还是外的问题。2，确定一个区块的宽度怎么写才能让各个浏览器显示都一样呢！就那上面的例子来说~谢谢了~ 展开
2个回答
展开全部
你这个不是放不放弃ie6的问题，你要把xhtml头加上，不知道怎么加的话，查看本页面源代码，复制第一对尖括号那句代码到你网页上。
不声明这句，网页按html格式解析，声明了则按xhtml解析
一旦按xhtml解析，在所有主流浏览器内核下css渲染后的区块尺寸的都是统一的：
区块尺寸=宽高+内边距+外边距+边框
比如：
width:180px;
padding: 5px;
border:1px #000 solid;
这个区块的宽度就是：180+5x2+1x2=192px
另外避免用 !important; 去作css的兼容，这句话在css里面意思是：重要(正确的用途是拿来提高权重的)。区分浏览器的方法很多，自己百度百度其他办法，用这句最不科学。
不声明这句，网页按html格式解析，声明了则按xhtml解析
一旦按xhtml解析，在所有主流浏览器内核下css渲染后的区块尺寸的都是统一的：
区块尺寸=宽高+内边距+外边距+边框
比如：
width:180px;
padding: 5px;
border:1px #000 solid;
这个区块的宽度就是：180+5x2+1x2=192px
另外避免用 !important; 去作css的兼容，这句话在css里面意思是：重要(正确的用途是拿来提高权重的)。区分浏览器的方法很多，自己百度百度其他办法，用这句最不科学。
追问
我声明了这个东西，只不过在提问时截取了其中的一段，你说避免用 !important;那这个问题怎么解决呢？自己写css的时候经常出现兼容问题的呢~
追答
声明了这个就行了，把这句 width: 414px !important; 删掉。
可以这样区别：
#id{
background:blue; /*Firefox、CH、OP、IE9+等比较现代的浏览器下背景变蓝色*/
background:red \9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
其中：
*background:black; /*IE7 背景变黑色*/
网上很多说是这样：
*+background:black; /*IE7 背景变黑色*/
你自己试试，我从来没装过IE7，写网页也没管过IE&，所以这句我没测试过，其他的都没问题
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
微测检测5.10
2023-05-10 广告
您好！建议咨 深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认 证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量），认证遇...
点击进入详情页
本回答由微测检测5.10提供
展开全部
一句话，网页设计，放弃IE6及以下版本的兼容从现在做起~~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
