如何防止字段集溢出？

Question

我正在尝试将fieldset元素用作侧边栏导航容器。也许它与fieldset无关，而且我不是最好的CSS的小细节，但我无法弄清楚如何将字段集严格保留在自己的列中，同时将文本和任何溢出元素推送到下一行。这是问题代码的片段和小提琴的链接：https://jsfiddle.net/5vjncf3z/

<div class="row">

<div class="col-xs-3">
    <fieldset id="sideNav">
        <legend>Page Name</legend>
        <div class="col-xs-12">
            <p>Page descriptionasiauhefaiouehfoaiuehfaiowehfaowieufhwoiefuhaoiweufhawieufha</p>
        </div>
    </fieldset>
</div>

<div class="col-xs-9">
    <div class="well">
        <h2>Page content</h2>
    </div>
</div>

Answer 1

将其添加到您的字段集中：

#sideNav { word-break: break-all;}

小提琴：https://jsfiddle.net/tj833dms/