html - 为什么即使在容器中定义了宽度，文本也会在容器外运行

Question

我有一个父容器，其中又放置了一个容器。子容器在 P 标签内有一个文本。即使宽度是为容器定义的。下面是 HTML 行

<div class="textareaPopupWrapper" style="background-color: black;">
  <div class="popupControl">
           <p>This is the text to be display on Popup opens.</p>
  </div>

此元素的样式如下所示

.textareaPopupWrapper {
color: white;
display: block;
height: 100px;
left: 103%;
position: relative;
width: 100px;}

.popupControl {
color: red;
float: left;
height: auto;
position: absolute;
width: 90px;}

Answer 1

你忘了关闭主 div。只是检查，可能是它引起了问题。