关于Firefox的css问题，边框显示不正确

我在Firefox上遇到了问题，而所有的IE，Safari和Chrome都在工作。关于Firefox的css问题，边框显示不正确

<div class="forDiv">ddd</div> 
<table class="forTable"> .... </table> 


.forDiv { 
width:100%; 
border:3px solid #236FBD; 
background-color: #236FBD; 
} 

.forTable{ 
width:100%; 
border:3px solid #236FBD; 
background-color: #236FBD; 
}

在firefox中，div比较小。我该如何解决它？

来源

2009-08-27 jojo

div是否有点小意味着什么？你能详细解释一下吗？ –

.forDiv { 
width:100%; 
border:3px solid #236FBD; 
background-color: #236FBD; 
-moz-box-sizing: border-box; 
} 

.forTable{ 
width:100%; 
border:3px solid #236FBD; 
background-color: #236FBD; 
-moz-box-sizing: border-box; 
}

来源

2009-08-27 05:58:29 scott

由于.. thx为您快速回复...但它不适合我..我在firefox3 ..... – jojo

它在不同的浏览器如何对待宽度属性的矛盾 - 他们是否包括在宽边框/填充的尺寸，或者他们是否认为他们的附加。

您可以使用-moz-box-sizing属性设置为“border-box”来告诉基于Mozilla的浏览器模拟IE在奇特模式下如何执行它（详情请参阅this page）。

来源

2009-08-27 06:07:27 Amber

毫米，很高兴知道。 –

，但没有为我工作..为什么 – jojo

最有可能与邻近或包含元素中设置的边距或填充有关。很难说，没有完整的上下文，但也尝试设置div和表格的边距和填充属性，看看会发生什么。

来源

2009-08-27 06:07:28

好了，这似乎是经典的IE盒模型不一致（或者我应该说，错误？）

围绕它的最简单方法是定义一个div容器内的DIV（含国内长途之一）像这样：

<div id="container"> 
    <div class="forDiv">ddd</div> 
</div>

，并按如下定义的CSS属性：

#container 
{ 
    width:100%; 
} 

.forDiv 
{ 
    border: 3px solid; 
}

这应该给你在IE和壁虎一样大小。

来源

2009-08-27 07:12:23

似乎是一个开始divitis的案例。绝对不是一个好的解决方案，但有时是唯一可用的选择。 – Residuum

但对Firefox不起作用....叹息... – jojo

尝试溢出：隐藏; 我也有同样的问题。然后我从我得到SOLN得到这个

link

。使div的溢出：隐藏，它为我工作得很好。

来源

2010-03-19 05:32:18 Radhi

这与线程完全无关，但我遇到了大纲问题，除了您的建议，其他任何内容都失败了。将“overlow：hidden”放在应该放在哪里（在Firefox上，我遇到问题）。 – user1183352

关于Firefox的css问题，边框显示不正确

回答

相关问题