html - 如何防止字段集溢出？

Question

我正在尝试将 fieldset 元素用作侧边栏导航容器的外观。也许它与字段集无关，而且我不是最擅长 CSS 的小细节，但我无法弄清楚如何在将文本和任何溢出元素推送到下一行时将字段集严格保留在其自己的列中。这是问题代码的片段和 fiddle 的链接: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;}

fiddle :https://jsfiddle.net/tj833dms/