p标签在ie 和ff下的不同表现解决思路
日期：2014-05-17 浏览次数：20614 次
p标签在ie 和ff下的不同表现
<html>
<head>
<style>
p {
border-bottom:1px solid #999;
width:100%;
padding:5px;
float:left;
}
</style>
</head>
<p> dddddddd </p>
<p> eeeeeeee </p>
</html>
+++++++++++++++++++++++++++++
如果不加style中的float:left两个浏览器中表现没太大差别，但加了之后ie中两行间距变小，而ff中间距却扩大！！想让他们有相同的表现，该怎样做？
高手指点下,3ks:)
------解决方案--------------------
这个是IE盒模式的理解跟FF不同造成的
如果没用float 都占文本流 IE和FF都采用空白叠加的方式 p标签的下边界和上边界叠加
用了float FF比较符合标准的不进行空白叠加 上边的P标签的padding和下边的P标签的padding没有叠加 所有边距相加
解决办法 之一就是在CSS的最开始用一个全局设置
* {
margin:0;
padding:0;
}
<html>
<head>
<style>
p {
border-bottom:1px solid #999;
width:100%;
padding:5px;
float:left;
}
</style>
</head>
<p> dddddddd </p>
<p> eeeeeeee </p>
</html>
+++++++++++++++++++++++++++++
如果不加style中的float:left两个浏览器中表现没太大差别，但加了之后ie中两行间距变小，而ff中间距却扩大！！想让他们有相同的表现，该怎样做？
高手指点下,3ks:)
------解决方案--------------------
这个是IE盒模式的理解跟FF不同造成的
如果没用float 都占文本流 IE和FF都采用空白叠加的方式 p标签的下边界和上边界叠加
用了float FF比较符合标准的不进行空白叠加 上边的P标签的padding和下边的P标签的padding没有叠加 所有边距相加
解决办法 之一就是在CSS的最开始用一个全局设置
* {
margin:0;
padding:0;
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
