我的问题包括在表单中显示组件。首先，我正在研究JSF和facelet应用程序。在我的一个页面中，我放置了一个固定宽度的inputText但是当我在Chrome和IE导航器中执行项目时，我有一个不同的显示，主要是在组件宽度。
这是代码的一部分：<h:inputText style=" width : 600px;" value="#{MyBean.Name}" />
chrome中的组件宽度：602px
IE中的组件宽度：604px
anyOne可以帮助我。
答案 0 :(得分：0)
Achraf，
此问题通常与padding或与此缺乏有关。 IE处理padding相对于width的方式与大多数其他浏览器不同。一个将padding添加到width，而另一些则分别跟踪padding和width。浏览器之间的这种不一致是如此普遍，我通常用body * {padding:0;}启动我的CSS并根据需要覆盖特定的样式。
此外，您指定的样式越少，浏览器（或用户代理）对未指定规则的样式的控制就越多。这意味着这些宽度不一致的浏览器可能会在他们认为必要时将padding添加到<input>。尝试将padding:0添加到style的{{1}}属性中。这将迫使问题，可能需要稍微调整，但最终应解决您的问题。
希望这有帮助， FuzzicalLogic