【问题标题】:Annoying unnecessary overflow and margin-top/bottom doesn't work烦人的不必要的溢出和边距顶部/底部不起作用
【发布时间】:2014-04-23 23:05:12
【问题描述】:

我一直在为一个班级项目开发个人网站。我遇到了一些我似乎无法修复的错误。您可以在bnb.imCodePen 找到该网站(codepen 主要是复制和粘贴;我已尽我所能)。

所以,第一个问题是屏幕右侧的空白区域。我不知道是什么原因造成的——当我在 FF 上使用 Select 元素功能时,它只会选择 <html>。我在另一个网站上问过,有人说是投资组合项目滑入的动画造成的-我尝试了他们建议的修复方法,将overflow: hidden;添加到body,但它不起作用(页面变成了不可滚动)。我还尝试缩小投资组合项目(45% 而不是 50%),但这也无济于事。有什么想法吗?

第二个问题是投资组合项目和/或社交部分。每当我尝试添加margin-topmargin-bottom 以在最后一个投资组合项目和社交部分之间放置一些空白时,大多数情况下都不会发生任何事情。我唯一一次让它发挥作用是当我将社交部分的边距顶部设置为 200% 时,但它太多了,以至于无法正常工作。有什么想法吗?

非常感谢——非常感谢您抽出宝贵时间阅读本文并(希望如此!)查看我的网站。

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

    第一个问题在我看来是固定的?你搞清楚了吗?

    第二个起飞height:100%;from .portfolio

    【讨论】:

    • 我之前的评论消失了。也许我关闭了标签或其他东西。无论如何,第一个问题你必须向右滚动才能看到空白。您可以使用中键并向右移动光标或拖动屏幕底部的滚动条。它还在我身边。不过,删除 height: 100%; 修复了第二个。谢谢!
    • 啊,是的,我明白了,将overflow: hidden; 添加到html - 应该修复它
    • 这样做会完全取消在 FF 上滚动的能力,除非您中键单击。我只记得有overflow-yoverflow-x 属性——使用overflow-x: hidden; 可以在Firefox 上完成这项工作。
    • 太棒了 - 这么排序?如果我的帮助回答了您的问题,您能否将此问题标记为已回答?编码愉快!
    猜你喜欢
    • 2020-10-08
    • 2013-08-22
    • 1970-01-01
    • 1970-01-01
    • 2015-12-02
    • 2016-12-06
    • 2013-05-02
    • 2015-02-19
    相关资源
    最近更新 更多