0

固定サイトを流動サイトに変えようとしていますが、% がどのように機能するかについて簡単な質問があります。

    <div class=wrap>
       <div class=box>
         <Div class=text>
       <div class=box>
    <div=class=wrap>

    .wrap{
     width: 100%;
     }

   .box{
   width: 50%
   }

   .text{
   width: 25%
   }

このコードが与えられた場合、何が起こるでしょうか? ラップは画面全体にフィットします。ボックスは画面の 50% を占めますが、テキストは 50% の 25% しか占めません。画面全体の 25% を占めるわけではなく、含まれる div のパーセンテージのみを占めます。あれは正しいですか？

4

1 に答える 1

1

それdivは、 が からその次元を計算しているからparentです。

.Wrap親からの寸法を計算するクラスを持つ Div 。つまりbody、ボディ全体の幅を取るのはそのためです。

ボックスモデルを見てください

于 2013-03-24T19:01:18.633 に答える