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

您忘记关闭主分区。只是检查一下，可能是它导致了问题。