Question

我需要帮助我的菜单。当我缩小页面时，它会变形。继承我的链接。我在IE上测试了这个链接，它很好，但是在chrome和firefox缩放时，页面会扭曲菜单和下面的内容。

Answer 1

div#text-contents继承了上面的div float属性。要删除它，您应该clear:both给div#text-contents它会正常工作。我建议你使用宽度百分比而不是像素。（没必要）

Answer 2

看起来您已将每个菜单项放在其自己的ul容器中，如下所示：

<ul>
    <li>something</li>
</ul>
<ul>
    <li>something</li>
</ul>
<ul>
    <li>something</li>
</ul>

尝试使用一个具有多个lis的单个ul

<ul>
    <li>something</li>
    <li>something</li>
    <li>something</li>
</ul>

然后你需要做一些css让它们垂直对齐。这是一项额外的工作，但这是正确的方式。否则你将试图修复结构的外观，它首先被打破。：）