css - 网站重叠问题

标签 css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 9 年前

我有一个网站,现在有点难过。

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

http://www.christornero.com

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

是否可以将其更改为右侧边栏位于页面右侧而不会出现重叠问题?

提前致谢!

最佳答案

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

body { min-width: 1260px; position: relative; }

为什么我没有使用 1280?因为有些浏览器总是显示滚动条,而有些用户在 1280 宽度的屏幕上并没有将窗口最大化

如果您想要更好的解决方案,我建议您重新设计。有些设计无法很好地扩展,您的设计也是如此。

更新
为此,您还需要 position: relative; 因为侧边栏的绝对定位。另外:请注意,这只会修复重叠,而不是当您拥有 2560x1440 屏幕时网站表现异常的情况。为此,我真的建议学习 CSS。

关于css - 网站重叠问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8691164/

上一篇:css - 对齐选择元素

下一篇:菜单下拉背景颜色的CSS类?

相关文章:

css - 如何通过引用嵌套类的内部元素来选择元素

javascript - 在 Firefox 中的后退按钮上恢复对象类

html - 如何在div前的箭头中添加边框?

html - 如何在页眉和页脚的页面中间水平和垂直对齐两个 div?

css - 将链接/按钮与包含其他元素的容器的右侧和底部对齐 - 不能使用 flex

CSS:绝对位置问题

javascript - IE8 中的 jquery datepicker changeMonth 下拉宽度

css - href 乱七八糟的 css 动画

css - 是否可以隐藏一个 div (包含关键字)作为查看页面源

jquery - 使用 css3 翻译而不是位置 : left