时间戳

首页 > 解决方案 > 阻止内容溢出固定的 div？

css - 阻止内容溢出固定的 div？

问题描述

fixed我在固定宽度的父级中有一个带有位置的 div ，但它的内容溢出了。

如何将内容包含到fixeddiv 中？

<div style="width: 400px;">
    <div style="position: fixed;">
        <p>Some long p text which is currently overflowing....</p>
    </div>
</div>

标签： css

解决方案

将位置设置为固定时，您不会看到好的结果。因为父级内部的 div 是位置固定的，这不是真的。它不像位置相对和绝对。

你可以像这样修复它：

您必须设置一个固定的宽度，例如父级为 200 像素，因此您必须在第二个 div 上将宽度设置为 200 像素。请记住，如果将其设置为 100%，它将覆盖整个页面，这是一个错误。

<div style="width: 200px; height: 200px; border: 1px solid red">
  <div style="position: fixed; width: 200px;">
    <p>Some long p text which is currently overflowing....</p>
  </div>
</div>

推荐阅读