简体繁体 English

缩小时div位移的特殊问题

[英]Special Issue with div displacement upon zooming out

原文 2012-08-06 19:33:01 1 2 css/ html

EDIT: 编辑：

On the above site whenever I zoom out in firefox the main content div is displaced to the right. 在上述站点上，每当我放大Firefox时，主要内容div就会移到右侧。 This issue only exists in firefox, not in internet explorer, opera or chrome. 此问题仅存在于firefox中，而不存在于Internet Explorer，Opera或Chrome中。 Could someone help me fix this? 有人可以帮我解决这个问题吗？

EDIT 2: 编辑2：

I do NOT want the div to displace in firefox. 我不希望div替换为firefox。 Sorry about the first question, I was in a hurry but should be clear now :) 对不起第一个问题，我很着急，但现在应该清楚了:)

2 个解决方案

If you give float:left; 如果给float：left; to the .wrapper element and the ul.menu everything will be ok :) 到.wrapper元素和ul.menu都可以了:)

The issue you are having is not with #content but rather with the class wrapper . 您遇到的问题不是#content而是类wrapper 。 If you remove the rule overflow:hidden from the class, the issue will go away. 如果您从类中删除了规则overflow:hidden ，问题将消失。 It looks like the wrapper class is also associated with your button bar. 看起来包装器类也与您的按钮栏相关联。

I would suggest removing wrapper from the div which holds all of the page contents and instead use a rule which only has width="100%" . 我建议从保存所有页面内容的div中删除包装器，而是使用仅具有width="100%" 。