横幅100%指定でも崩れないボックスを作りたい

質問

簡単に書きますが、このようなボックスがあったとします。

<style>
.box {
width: 100%;
height: 150px;
}
</style>

<div class="box">
テスト
</div>

このような例ですと、ウインドウサイズを変えるとボックスの中が崩れてしまうことがあります。
どうにかして横幅100%指定のボックスでも崩れないようなものを作りたいです。
試行錯誤しましたが、私の未熟な知識ではわかりませんでした。
どうかご回答願います。

回答No.1

ORUKA1951

あまりにも漠然とした質問で、アドバイスは出来ませんが、widthの指定が何であろうと、それに含まれるブロックは親コンテナブロックのサイズを基準にサイズが決定されるようにすると、崩れることはありません。ただ、その中に絶対サイズでサイズを決めてしまうと、はみ出すことがあります。
　以前『HTML　いじったらデザインが崩れました。 - HTML - 教えて！goo ( http://okwave.jp/qa/q7576158.html#a5 )』で回答したソースですが、ウィンドウサイズが変わっても崩れることはないはずです。