【问题标题】:How to stop content overflowing container如何阻止内容溢出容器
【发布时间】:2020-07-07 11:56:36
【问题描述】:

我目前在 section 元素中有内容。当页面调整大小时,里面的内容会溢出该部分。即使将部分高度设置为 auto,也会发生此行为。我知道解决方案非常简单,但我不知道为什么我无法弄清楚。非常感谢任何帮助。谢谢你。

http://www.cssdesk.com/PBn23

【问题讨论】:

    标签: html css flexbox overflow


    【解决方案1】:

    从部分 css 样式中删除 height = 100%。而且不会溢出。将其设置为 100% 使得该部分的高度 100% 的容器意味着在这种情况下的视口高度。因此,当调整大小时,某些元素会超出页面的高度,并且该部分的高度仍然是视口的高度。

    部分css代码:

    section{
        background:#0e0e0e;
        min-height:100vh;
        display: flex;
        justify-content: center;
    }
    

    【讨论】:

    • 您好,这项工作很好。但是,#wrap 上的 top:15% 相对位置然后停止工作。使用 px 有效,但溢出问题再次出现。
    • 好吧,如果你想定位你的#wrap down 删除 postion:relative 并使用上边距。对于响应式设计,以百分比设置边距。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-25
    • 2021-11-01
    相关资源
    最近更新 更多