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

最新推荐文章于 2020-09-01 15:11:07 发布

weixin_30340745

最新推荐文章于 2020-09-01 15:11:07 发布

阅读量140

点赞数

原文链接：http://www.cnblogs.com/914556495wxkj/p/3484806.html

版权

<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>

转载于:https://www.cnblogs.com/914556495wxkj/p/3484806.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30340745

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
左右两侧采用绝对定位中间同样采用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;lef...
复制链接

扫一扫