菜鸟求助，这段代码为啥不能使div并排显示

html

解决方案 »

  1.   

    float:left;             最后一个; 你都用中文了
      

  2.   

    试试这样<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <title>新建网页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <meta name="description" content="布尔教育 http://www.itbool.com" />
    <style>
          #lside{width: 20px;
    background: red;
    height: 100px;
    float: left;
           }
          #rside{width: 20px;
    background: blue;
    height: 100px;
    float: right;
           }
          #comm{
    width: 300px;
    height: 300px;
    background: gray;
    float: left;
             } </style>
    </head>
        <body>
         <div id="lside">我是左</div>
              <div id="rside">我是右</div>
              <div id="comm">普通</div>
        </body>
    </html>