使fieldset适合其封闭的div

Question

代码:

HTML

<div>
    <fieldset>
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </fieldset>
</div>

CSS

div {
    width: 200px;
    height: 100px;
}

---

问题:fieldset不适合div

如何让fieldset不超过div的大小？

例如,如果我用CSS设置div的大小,那么对于fieldset将占用多少空间没有区别.

---

怎么去这个？

---

编辑

我想有两个选择来解决这个问题:

一,在div中有滚动功能

和两个,将文本分解到字段集内的新行.

Answer 1

试试这个css代码:

div {
    word-break: break-all;
}

解决此问题:

div {
    height: 100px;
    width: 100px;
    word-break: break-all;
    overflow-y: auto;
}

<div>
    <fieldset> 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </fieldset>
</div>