如需现场演示,请访问我的网站@http://hello-world.cu.cc。请务必查看主页、项目页面和评论页面。这些页面中的每一个都有相同的侧边栏,并应用了不同的样式。这是为了向您展示我尝试过的内容以及它导致的问题。
我正在制作一个左侧有侧边栏,右侧有主要内容的网站。我遇到的问题与侧边栏有关。我让它向左浮动,这很好,直到我放大网页并且突然侧边栏移动位置,这破坏了整个布局。我试图通过将侧边栏的位置设置为绝对位置并将容器的位置设置为相对位置来解决此问题。现在这解决了缩放问题,因为当我现在放大时它保持在相同的位置。但是,由于位置现在是绝对的,因此页面不会自动变长以容纳侧边栏。我目前使用的临时解决方案是绝对定位侧边栏以解决缩放问题,然后添加最大高度以及overflow:auto
提供可用于滚动侧边栏的滚动条。