即使宽度定义到容器，为什么Text在容器外部运行

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。检查一下，可能是造成问题。