-1

可能重复：
如何在 css 中使用浮动创建表格布局 

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

当使用像素工作但不使用百分比时，为什么？我想创建三个等宽的列。如果外部元素是 72%。我想创建 72/3 的 cloumns，即 24% 宽度。

4

1 回答 1

3

您需要为父级设置宽度。无论是 100% 还是像素宽度，否则引擎不知道从什么中导出 %。

您还应该解释您的代码正在做什么以及您希望它做得更好，以便更多人可以提供帮助并且您不会投票:)

编辑

还考虑到您在这里展示的内容，您可能最终会导致孩子离开 INNER 父母。我会在你的样式表中添加一个 clearfix 只是谷歌 clearfix ，你应该很高兴。基本上它会在父元素的末尾添加一个伪元素，清除该元素，从而提供一个上下文，以便您的孩子玩得很好。

于 2012-07-17T17:29:29.893 回答