-1

重複の可能性:
css で float を使用してテーブル レイアウトを作成する方法 

    #inner
{

 height:700px;

    }
div.content
{   
    float:left;
  width:95%;

}
    div.content span.first
    {
        display:block;
        float:left;
        width:25%;
        overflow:hidden;

    }
    div.content span.second
    {
        clear:both;
        display:block;
        float:right;
         width:25%;

    }
    div.content span.third
    {
        clear:both;
        display:block;
        float:right;
        width:25%;

    }
</style>


<body>

    <div id="outer">
          <div id="inner">
          <div class="content">
            <span class="first">
           HELLO
        </span>
       </div>

    <div class="content">
      <span class="second">
      pRERNA
          </span>
      </div>

   <div class="content">
      <span class="third">
      gOLANI
       </span>
    </div>

ピクセルの操作は機能しますが、パーセンテージでは機能しないのはなぜですか?同じ幅の 3 つの列を作成したい.外側の要素が 72% の場合.72/3、つまり 24% の幅の列を作成したい.

4

1 に答える 1

3

親に幅を設定する必要があります。それが 100% であろうとピクセル幅であろうと、それ以外の場合、エンジンは % を何から派生させるべきかわかりません。

また、コードが何をしているのか、何を改善したいのかを説明して、より多くの人が助けて票を落とさないようにする必要があります:)

編集

また、あなたがここで示していることを考えると、おそらく、内側の親の外に出る子供たちになってしまうでしょう。google clearfix だけでスタイルシートに clearfix を追加します。基本的に、親の最後に疑似要素を追加し、その要素をクリアします。これにより、コンテキストが提供され、子供がうまくプレイできるようになります。

于 2012-07-17T17:29:29.893 に答える