我有一个网站,现在有点难过。
如果您在以下位置查看网站:
如果更改窗口大小,您会注意到右侧栏“#nav2”与内容区域重叠,如果窗口大小发生变化,或者您在较小的屏幕上查看网站。
无论如何要将此更改为右侧栏位于页面右侧而不重叠的问题?
提前致谢!!
答案 0 :(得分:2)
当用户的屏幕或窗口较小时,这将创建一个水平滚动条:
body { min-width: 1260px; position: relative; }
为什么我没有使用1280?因为某些浏览器始终显示滚动条,并且1280宽度屏幕上的某些用户没有最大化窗口
如果您想要更好的解决方案,我建议您重新设计。有些设计不能很好地扩展,包括你的设计。
<强>更新强>
为了实现这一点,由于侧杆的绝对定位,您还需要position: relative;
。另外:请注意,这只会修复重叠,而不是在您拥有2560x1440屏幕时网站出现异常的情况。为此,我真的建议学习CSS。
答案 1 :(得分:1)
页面上的所有DIV都位于“绝对”位置,因此它们相对于窗口边界处于位置。
我没有看到任何直接的一行修复,你需要更改标记内的代码位。
在#container
内首先写下#navigation然后#content
然后再写#nav2
。然后使用CSS定位,但“相对”,以及float