Question

我在body中有一个内容div，在div里面我需要三个水平div，一个是另一个。我尝试使用float：left，向右浮动并使用固定宽度，但它不起作用。我怎么能这样做？

Answer 1

float:left应该可以正常工作。这是demo

<style type="text/css">
  #box {float:left;border:1px solid}
</style>

<div id="container">
  <div id="box">This is box 1.</div>
  <div id="box">This is box 2.</div>
  <div id="box">This is box 3.</div>
</div>

Answer 2

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clearfix div {
  float  : left;
  width  : 33.3%;
}



<div class="clearfix">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

结算：http://perishablepress.com/press/2009/12/06/new-clearfix-hack/

分下一个问题

2 个答案: