Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何强制段落在div内渲染并扩展divs高度?_Html_Css_Twitter Bootstrap_Angular Ui - Fatal编程技术网

Html 如何强制段落在div内渲染并扩展divs高度?

Html 如何强制段落在div内渲染并扩展divs高度?,html,css,twitter-bootstrap,angular-ui,Html,Css,Twitter Bootstrap,Angular Ui,我正在使用一些自定义css的工具提示。工具提示内部类的最大宽度为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

我正在使用一些自定义css的工具提示。工具提示内部类的最大宽度为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);
}

使用雅达雅达雅达制造的Lorem ipsum。这里有一些有用的定义,对于那些需要更多解释的定义

  • XXXXXXXXXXXXXXXXXXXX
  • YYYYYYYYYYYYYYYYYYYY替换
  • zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
.工具提示内部{ 填充:7px; 最小宽度:130px; 颜色:#666; -webkit边框左上半径:0; -左上角的moz边界半径:0; 边框左上半径:0; -webkit边框左下半径:0; -moz边框半径左下角:0; 边框左下半径:0; 边框:1px实心透明; 右边框颜色:#B8B8; 边框顶部颜色:#a9d0e5; 边框底色:#B8B8; 背景色:#f3fafd; -网络工具包盒阴影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27); -莫兹盒阴影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27); 盒影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27); 文本阴影:.0555em.0555em.01em rgba(178,0.7); }
没有样式设置高度或位置。据我所知,子元素没有导致这种行为的特定样式


如何使div.tooltip内部扩展其高度并保持其宽度,目前它保持宽度,但显然这不是我拍摄的目的。非常感谢您的帮助

尝试将外部div、
工具提示内部
、样式设置为
溢出:自动

我尝试过,但它只是插入了一个水平滚动条,根本不会打断文本。基本上看起来相同,只是文本现在可以滚动。谢谢你的回答。我很抱歉这不应该被否决。我只是想说我试过了,但它对我不起作用。我试图取消否决票,但stackoverflow不会离开我。请让我知道如何更正此问题。道歉。