当前位置: 代码迷 >> 跨浏览器开发 >> 3个层的排列有关问题
  详细解决方案

3个层的排列有关问题

热度:5090   发布时间:2013-02-26 00:00:00.0
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>
  相关解决方案