1

我想在外部 div 中创建 3 个 div。外部 div 是 72%。第一、第二、第三类的三个内部跨度应该是 24%。

   <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>

css

#inner
   {
      width:72%;   
   }

    div.content span.first
    {
        display:block;
        float:left;
        width:33%;

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

    }

我想借助css的float属性来做到这一点

4

2 回答 2

1

我会摆脱跨度，给第一个第二个和第三个 div 一个“内容”类，然后在你的 css put:.content { float: left; }中。

于 2012-07-17T15:56:13.487 回答
0

废弃span，改为为所有 3 个 div 分配一个类，然后float:在该类上使用。如果这不起作用，您可能会更轻松地使用display: table-.

http://www.w3schools.com/cssref/pr_class_display.asp

于 2012-07-17T16:05:06.670 回答