日期:2014-05-17  浏览次数:20805 次

3个层的排列问题,在线等
现在有三个层,
HTML code

<div id="content">
    <div id="category">
        hi
    </div>
    <div id="detail">
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
    </div>
</div>



怎么让category和detail在content不换行呢,IE8 FF Safari 都可以做到,IE6就很郁闷,需要样式

------解决方案--------------------
HTML code
<style type="text/css">
    #content{
        width:600px;
        overflow:hidden;
        border:1px solid red;
    }
    #content  #category{
        float:left;
        width:39%;
        border:1px solid green;
    }
    #content  #detail{
        float:right;
        width:59%;
        border:1px solid blue;
    }
</style>
<div id="content">
    <div id="category">
        hi
    </div>
    <div id="detail">
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
    </div>
</div>