解决方案 »

  1.   

    不太清楚具体它是怎么解释的...
    反正加了宽度就可以了...代码如下...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <div style="padding-left:100px;height:40px; width:700px; background:#CCCCCC;">
      <div style=" float:left; width:500px; background-color:#666666;"> 热门热门热门热门搜热门热门热门热门搜索热门热门热门热门搜索 </div>
      <div style=" float:left; width:200px; background-color:#F4F4F4;"> 热门热门热门热门搜热门热门热门热门热门</div>
    </div>
    </body>
    </html>
      

  2.   

    但加宽度就不符合我的原意了
    这个是为什么呢
    不知是不是bug
      

  3.   

    这样呢?
    和设置宽度是同样的效果...
    YY一下...
    估计是渲染的时候它先适应了宽度...
    然后在追加的padding-left...所以导致这个结果..
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <div style="height:40px; width:800px; background:#CCCCCC;">
      <div style=" float:left;margin-left:100px;"> 热门热门热门热门搜热门热门热门热门搜索热门热门热门热门搜索 </div>
      <div style=" float:left;"> 热门热门热门热门搜热门热门热门热门热门</div>
    </div>
    </body>
    </html>
      

  4.   

    下面的不飘就可以适应到了...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <div style="padding-left:100px; height:40px; width:700px; background:#CCCCCC;">
      <div style="float:left;">热门热门热门热门搜热门热门热门热门搜索热门热门热门热门搜索</div>
      <div>热门热门热门热门搜热门热门热门热门热门</div>
    </div>
    </body>
    </html>