Html DL中的溢出-poup窗口don的尺寸'；不能自动调整

我有以下代码

.content {
    width: 500px;
    border: 2px solid #000;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0px 0px -250px;
    }

    dl {

    }

    dl dt {
    float: left;
    }

    dl dd {
    clear: both;
    margin: 0px 0px 0px 0px;
    }

和HTML

<div class="content">
<h1>Title</h1>
<dl>
<dt>tab 1</dt>
<dd>content content</dd>

<dt>tab 2</dt>
<dd>content content </dd>
</dl>
</div>

标题
表1
内容
表2
内容

---

这是带有选项卡的弹出窗口。问题是。。。在DD（选项卡内容）中，我添加了position:absolute，但大多数文本都在窗口外。。。我知道DT高度不灵活。。。它不会自动调整到内容（dt和dd）。。。我尝试了溢出：隐藏等，但我不能得到适当的效果。有人能帮我吗？

块元素的自动高度将忽略浮动元素。这可以通过快速清除伪元素来解决：

#element::after { content:""; display:block; clear:both; }

或者用

float表示元素：左（或右OBV）可能会溢出高度为“自动”的容器的边界。解决方案包括创建一个新的
：：after
CSS伪元素，它可以
清除：两者
任何浮动子项（和
显示：block；
和
内容：；
因为它们使伪元素表现为块，并且分别对伪元素是必需的）。






在您的情况下，尝试将其添加到CSS文件的末尾：

.content::after, dl::after {content:"";display:block;clear:both;}

我不确定这是否会有帮助，但我不确定整个情况会是什么样子。
文本是否在段落中？恰好，我是否应该将其放置到中？应该适应它在一个“不出去”窗口中的div