左右两侧采用绝对定位 中间同样采用margin-left margin-right方法： 

<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        .l-sidebar {width: 200px;height: 500px;position: absolute;top:0;left:0;background: blue;
        }

        .mainbar {margin-left:200px;height:500px;margin-right:300px;background: green;
        }

        .r-sidebar { width:300px;height: 500px;position: absolute;top: 20px;right: 0;background: blue;
        }
    </style>
</head>
<body>
    <div class="l-sidebar">大地飞歌地方</div>
    <div class="mainbar">士大夫十分</div>
    <div class="r-sidebar">史蒂芬森地方</div>
</body>

 

posted @ 2013-12-21 09:25  914556495  阅读(298)  评论(0)  编辑  收藏  举报