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

floating menu position - fixed to the left side

本文关键字：菜单 位置      更新时间：2023-09-26

我有这个模板，它工作得很好，但我需要修复浮动菜单到页面的左侧(而不是浏览器窗口的左侧)。当我改变分辨率或减少浏览器窗口时，我需要将其缝合。

我有一个想法与两列浮动:左，但必须有一个更好的解决方案。

谢谢。

您可以这样做:

#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;
}

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

总而言之，放下浮动菜单，使用JS为你的网站添加烦人的小部件是如此的90年代。而且，嗯，很烦人。

相关文章：