如何在css中使用float创建表格布局

我想在外部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属性来做这件事

解决方法

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