html - 如何强制段落在 div 中呈现并扩展 div 高度？

Question

我正在使用 AngularUI-bootstrap对于带有一些自定义 CSS 的工具提示。我在 .tooltip-inner 类上的最大宽度为 300px。 .tooltip 类是它的容器，它是绝对定位的。 HTML/CSS 看起来像这样，混淆了一点抱歉......

<div class="tooltip-inner ng-binding" bind-html-unsafe="content">
  <p>Lorem ipsum made using yada yada yada. Here are a few helpful definitions for ones requiring a little more explanation.</p>
  <ul>
       <li>xxxxxxxxxxxxxxxxxxxxxxxx.</li>
       <li>yyyyyyyyyyyyyyyyyyyyyyyyyitution.</li>
       <li>zzzzzzzzzzzzzzzzzzzzzzzzzzz.</li>
  </ul>
  <a href="#" data-value="close">Close</a>
</div>

.tooltip-inner {
     padding: 7px;
     min-width: 130px;
     color: #666;
     -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
     border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border: 1px solid transparent;
    border-right-color: #b8b8b8;
    border-top-color: #a9d0e5;
    border-bottom-color: #b8b8b8;
    background-color: #f3fafd;
    -webkit-box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
    -moz-box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
    box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
    text-shadow: .0555em .0555em .01em rgba(178,178,178,0.7);
}

没有样式设置高度或位置。据我所知，子元素没有会导致此行为的特定样式。

我怎样才能让 div .tooltip-inner 扩展它的高度并保持它的宽度，它目前保持宽度，但显然这不是我想要的。任何帮助是极大的赞赏。

Answer 1

尝试将外部 div，tooltip-inner，样式设置为 overflow:auto