Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 网站重叠问题_Css - Fatal编程技术网

Css 网站重叠问题

Css 网站重叠问题,css,Css,我有一个网站,现在有点困惑 如果您在以下位置查看该网站: 如果更改窗口大小,您会注意到右侧栏“#nav2”与内容区域重叠(如果更改窗口大小,或者在较小的屏幕上查看网站) 是否要将此更改为右侧栏位于页面右侧而不会出现重叠问题 提前谢谢 当用户的屏幕或窗口较小时,这将创建一个水平滚动条: body { min-width: 1260px; position: relative; } 为什么我没有使用1280?因为有些浏览器总是显示滚动条,而1280宽屏幕上的一些用户没有最大化窗口 如果你想要更好

我有一个网站,现在有点困惑

如果您在以下位置查看该网站:

如果更改窗口大小,您会注意到右侧栏“#nav2”与内容区域重叠(如果更改窗口大小,或者在较小的屏幕上查看网站)

是否要将此更改为右侧栏位于页面右侧而不会出现重叠问题


提前谢谢

当用户的屏幕或窗口较小时,这将创建一个水平滚动条:

body { min-width: 1260px; position: relative; }
为什么我没有使用1280?因为有些浏览器总是显示滚动条,而1280宽屏幕上的一些用户没有最大化窗口

如果你想要更好的解决方案,我建议重新设计。有些设计就是不能很好地扩展,包括你的

更新

要使其工作,您还需要
position:relative因为侧杆的绝对位置。另外:请注意,这将只修复重叠,而不是当您使用2560x1440屏幕时站点行为异常的情况。为此,我真的建议您学习CSS。

页面上的所有DIV都位于“绝对”位置,因此它们位于相对于窗口边框的位置

我没有看到任何直接的单行修复,您需要更改标记中的一些代码


#容器中
首先编写#导航,然后编写
#内容
,然后编写
#nav2
。然后使用CSS定位,但“相对”,以及
float

,它不能在我的1024 x 600上网本上固定。我认为绝对定位是问题的一部分。是否所有的浏览器滚动条都是
20px
?@SirCrispalot更新了我的答案。@JaredFarrish没有,但那些不使用滚动条的不会受到太大影响,至少那些使用滚动条的人会正确地显示滚动条。我会看一看。