容器中文本的Css在新行上继续，并在必要时使容器向下展开？

正在寻找一种方法，使容器中的文本在新行上继续，并使容器向下展开，这是必要的吗

更新

 <div class="modal hide fade" id="modalRemoveReserve" style="display:none;">
    <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
        <h1>Test</h1>
        <div style="border-bottom:1px solid #aaa;"></div>
        <br />
        <div id="reservesTextContainer">

           Text here... lkjasflj fljas fsaj flsjfkd skl

        </div>
        </div>
    <div class="modal-footer">       
    </div>
</div>    

#reservesTextContainer {
        width: 150px;
        height: auto;
        word-wrap: break-word;
        border: 1px solid red;
    }

×
试验


这里的文字。。。lkjasflj fljas fsaj flsjfkd skl
#reservesTextContainer{
宽度：150px；
高度：自动；
单词包装：打断单词；
边框：1px纯红；
}

---

不是很正常，除非您的div继承了它所包含的div的高度

如果希望容器具有固定的宽度，但容器的高度随其中的文本量而变化，则可以执行以下简单操作：

HTML

<div class="container">
    Some text here
</div>

请参见此处的jfiddle（您可以添加任意数量的文本，容器将变得更大）：

如果您的容器位于具有固定高度的div内，则可能存在问题。你必须使那个容器有不同的高度。通过CSS

height:auto可以降低高度变化

此外，您还可以通过使用CSS执行以下操作，使容器中的文本溢出（不推荐这样做）

基于相关更新代码

大量更新的代码表明它是有效的。我还添加了以下CSS函数：

.modal-header {
    height:auto;   
}

#modalRemoveReserve {
    height:auto;   
}

尽管如果已经设置了固定高度，它们可能会产生不良影响。
听起来您希望结合确保父元素具有
高度：auto

word wrap CSS属性用于指定
浏览器可能会在字内断行，以防止溢出（在
也就是说，当一根本来不易断开的绳子断裂时
太长，装不下它的盒子

谢谢，出于某种原因，这对我不起作用。可能是我的div继承了父级的某些行为。你知道有没有一种方法可以阻止例如div的继承吗？如果你能展示一些代码，这会很有帮助。一种方法是固定div高度。可以使用不同的样式。谢谢，我已经用一些代码补充了这个问题。@david2342您有类“.modal header”和“.modal”的CSS吗？你还说它使用引导，这是你刚才提到的。这意味着它也可能受到引导的影响。谢谢，但仍然不起作用。文本在div外部向右展开。该div位于Twitter引导模式中。我已经补充了这个问题。
.container {
    overflow:visible;
}

.modal-header {
    height:auto;   
}

#modalRemoveReserve {
    height:auto;   
}