CSS中的％会相互流动吗？

Question

我正在尝试将我的固定网站变成一个流畅的网站，我对％的工作方式提出了一个简单的问题。

    <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的百分比。这是对的吗？

Answer 1

这是因为div正在计算其维度parent。

Div让.Wrap类从其父级计算它的维度，即body，这就是为什么它需要整个体宽。

查看Box Model