本帖最后由 plglenn14 于 2009-11-16 12:09:22 编辑

解决方案 »

  1.   

    body {
    margin: 20px 0px 0px 0px;
    /* n6.01win-mac won't recognize top margin 
    for middle box, so it goes here */
    padding: 0px 0px 0px 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #060;
    background-color: #CCC;
    }
    #left {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 20px;
    padding: 10px;
    border: 5px solid #666;
    background: #FFF;
    width: 150px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 120px;
    }
    html>body #left {
    width: 120px; /* ie5win fudge ends */
    }
    #middle {
    margin: 0px 190px 20px 190px; /* n6.01win n6mac 
    won't recognize top margin for middle box, so it 
    goes in body */
    padding: 10px;
    border: 5px solid #666;
    background: #FFF;
    }
    #right {
    position: absolute;
    top: 0px;
    right: 0px; /* Opera5.02 will show a space at right 
    swhen there is no scroll bar */
    margin: 20px;
    padding: 10px;
    border: 5px solid #666;
    background: #FFF;
    width: 150px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 120px;
    }
    html>body #right {
    width: 120px; /* ie5win fudge ends */
    }
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <style>
    #left {
    float:left;
    width:50%;
    height:300px;
    background:#eee;
    }
    #middle {
    float:left;
    margin-left:-300px;
    _margin-right:-3px;
    width:600px;
    height:300px;
    background:black;
    }
    #right {
    height:300px;
    background:orange;
    }
    p {
    margin-right:300px;
    }
    </style>
    <div id="left"><p>左边aaaaaa aaaaaa aaaaaa aaaaaa</p></div>
    <div id="middle">中间</div>
    <div id="right">右边</div>
      

  3.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>三栏等高(wwww.hemin.cn)</title>
        <style type="text/css">
           
            .Middle
            { float :left;
              width: 300px;
                background: #090;
                
            }
            .Left
            {float :left;
                background: #333;
                width: 300px;
                
                position: relative;
                
               
            }
            .Right
            {float :left;
                background: #666;
                width: 250px;
                margin-right: -100%;
            }
            #wrapper
            {
                text-align: left;
                width: 960px;
                margin: 0 auto;
            }
            body
            {
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div class="Content">
               
                <div class="Left">
                    左边
                </div>
                 <div class="Middle">
                    中间</div>
                <div class="Right">
                    右边
                </div>
            </div>
        </div>
    </body>
    </html>
      

  4.   

    http://www.aspxcs.net/HTML/193624903.html
      

  5.   


    加点间隔<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>三栏等高(wwww.hemin.cn)</title>
        <style type="text/css">
           
            .Middle
            { float :left;
              width: 300px;
                background: #090;
                 margin:1px;
            }
            .Left
            {float :left;
                background: #333;
                width: 300px;
                
                position: relative;
                 margin:1px;
               
            }
            .Right
            {float :left;
                background: #666;
                width: 250px;
                margin-right: -100%;
                 margin:1px;
            }
            #wrapper
            {
                text-align: left;
                width: 960px;
                margin: 0 auto;
            }
            body
            {
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div class="Content">
               
                <div class="Left">
                    左边
                </div>
                 <div class="Middle">
                    中间</div>
                <div class="Right">
                    右边
                </div>
            </div>
        </div>
    </body>
    </html>
      

  6.   

    http://www.phpip.com/design/css/A62009910P/23532.html
      

  7.   

    http://topic.csdn.net/u/20091116/12/73486ba8-b42f-43d3-a4fd-0e2df4a5cf8a.html?1794662844
    另外 ,能不能帮忙这个帖子,是迅雷公司面试题,我没有弄懂
      

  8.   

    外面定义一层div  里面放三个div  里面的div float:left 大概这样
      

  9.   

    外层:overflow:hidden
    内层:float:left/right;padding-bottom:32767px;margin-bottom:-32767px;就需要这个,当然宽度自己定义