在IE中悬停导航中断

Question

我有一个小问题。每当我将鼠标悬停在我在IE导航中的“搜索引擎优化”选项时，导航中断＆amp;移到一边。这在Firefox中不会发生。将导航更改为位置：绝对修复它，但随后主内容将与导航合并。这一切都有效。任何帮助将不胜感激！

http://www.joemarketeer.com

http://jsfiddle.net/eoJ1/Ra4tR/

感谢加载！

Answer 1

navleft和navright div正在独立调整大小，这在您的设计结构中是可以预期的。但它看起来很奇怪，因为它取决于下面的内容：

我可以给你的一个建议是不要将导航栏宽度设置为％，这是你为这两个div做的。如果您设置固定宽度（以px为单位）或完全删除宽度规格（在这种情况下，它将采用其内部宽度），当宽度较小时，页面下方会出现一个水平滚动条，我认为这很好。此外，尽可能少使用float，因为它们会破坏文档中的内容流，并且更容易破坏布局。这两个div都有一个float:left，可以转储为更稳定的解决方案。我说这一切都是因为我认为由于这些原因导致悬停时布局的破坏。如果你能解决这个问题，你的问题可能就会消失。

所以我的建议是使用nav一个width: 100% div。在这里面放了两个div：navleft和navright display:inline和宽度a。）在px中指定或根本不指定，或b。）在％中指定但有一些{{1}在px中。如果您没有为min-width指定任何宽度，它将展开以填充右侧的所有空格。

这样这两个div不会独立回流。

基本上，玩具更多，直到你对CSS有更好的控制;我认为更多经验会自动帮助您解决这类问题。