我找了好多方法,但都不行
假如在IE6下实现了,在IE8下又会出问题

解决方案 »

  1.   

    width 和小于父容器
    display=inline
      

  2.   

    宽度和小于夫容器,别忘了空白边和填充实在不行全都float:left
      

  3.   

    <div id="div1" style="display:inline; width:200px"></div>
    <div id="div2" style="display:inline;width:20px"></div>
    <div id="div3" style="display:inline;width:100%"></div>第三个div3,总是会换行
      

  4.   

    <div style="width:100%">
       <div id="div1" style="display:inline; width:200px"></div>
       <div id="div2" style="display:inline;width:20px"></div>
       <div id="div3" style="display:inline;width:100%"></div>
    </div>
      

  5.   

    <div id="div3" style="display:inline;width:100%"></div>
    最后一个宽度100%肯定不在一行啊
      

  6.   

    最后一个width:100%是相对于父容器的。也就是父容器有多宽,它也必须有多宽。所以,这么宽的东西,跟它前面那两个肯定是不能在一行的。
    另外,除了display:inline,还有另外一个办法:float:left
    但不论你用哪种办法,你都必须控制好width,三个div的宽度加起来不能超过父容器宽度,否则,最后一个div肯定会另起一行。
      

  7.   

    <div id="div3" style="display:inline;width:100%"></div>太长了啦