文本不包含在绝对定位的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。

问题在于您无法在同一元素上定义宽度和填充/边距/左/右/等。你需要一个嵌套的结构来完成它。因此，在内容中添加额外的div＆gt;输入html结构并定义第一个上的宽度和第二个上的填充。