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

前端之家收集整理的这篇文章主要介绍了如何在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; }.

猜你在找的CSS相关文章