浮动菜单位置 - 固定在左侧

Question

我有this template并且它工作正常，但我需要将浮动菜单修复到页面的左侧（而不是浏览器窗口的左侧）。当我改变分辨率或减少浏览器窗口时，我需要将它缝合。

我有一个想法，其中两列有float：left，但必须有一个更好的解决方案。

谢谢。

Answer 1

最简单的解决方案是将#floatmenu div移到#content div中。您还需要手动将floatingmenu css文件中的margin-left更改为-220px等。此外，您需要将#content div上的position属性更改为relative，以确保绝对定位菜单相对于#content div的左侧。

总而言之，删除浮动菜单，使用JS为您的网站添加烦人的小部件是90年代。而且，很烦人。

Answer 2

您可以执行以下操作：

#content {
  width: 960px;
  margin: 0 230px;  //change from auto to a set margin 
}

#floatMenu {
  position: absolute;
  top: 150px;
  left: 0%;
  margin-left: 200px;   //REMOVE this margin altogether
  width: 200px;
}