css - CSS：奇妙な状況でワードラップを強制する方法は？

Question

幅や外側のdivの幅を設定せずに、内側のdivの幅を使用するだけで、黄色のdivでテキストを折り返そうとするこのフィドルを見てください。

これを達成するために私にできることはありますか？

どうもありがとう

Answer 1

の幅を100に設定しない理由は意味がありませんが#h、次のことを試すことができます。

#a{
    background-color: grey;
    padding:5px;
    display: table;
}
#b{
    width: 100px !important;
    background-color: orange;
    line-height: 15px;
    padding:5px;
    display: table-cell;
}
#h{
    background-color: yellow;
    line-height: 15px;
    padding:5px;
    display: table-row;
}

の幅を明示的に定義したくない理由を教えていただければ、さらに役立つと思いますが#h、とにかくこれがお役に立てば幸いです。