文本不包含在绝对定位的div中

Question

我在将文本包装到绝对定位的div中时遇到问题。我认为问题是我有一个宽度设置为100％，我必须有，因为div调整页面大小。如何获取文本包装。

这是我的代码：

#content {
  background: black;
  min-height: 60px;
  background: #0a0a0a;
  position: relative;
  padding: 0;
  overflow: hidden;
}

#content .entry {
  background: white;
  position: absolute;
  text-wrap: normal;
  top: 0;
  left: 200px;
  padding: 10px;
  width: 100%;
  height: 100%;
  min-height: 50px;
  border-left: 1px solid #262626;
}

<div id="content">
  <div class="entry">
    <-----text---->
  </div>
</div>

Answer 1

问题是你在.entry元素上声明了100％的宽度和400px的左边。总宽度为100％+ 400px，这将使.entry元素比其容器更宽。它确实包装了它的文本，但你不会看到最右边的400px。

问题是您无法在同一元素上定义宽度和填充/边距/左/右/等。你需要一个嵌套的结构来完成它。因此，在content> entry html结构中添加一个额外的div，并在第一个上定义宽度，在第二个上定义padding。