三栏布局之圣杯布局

最新推荐文章于 2022-05-12 14:02:04 发布

weixin_30325793

最新推荐文章于 2022-05-12 14:02:04 发布

阅读量93

点赞数

原文链接：http://www.cnblogs.com/zhang134you/p/11529278.html

版权

<body>
    <div class="container">
        <div class="center fl"></div>
        <div class="left fl"></div>
        <div class="right fl"></div>
    </div>
</body>
<style>
*{
    margin: 0;
    padding:0;
}
.fl{
    float: left;
}
.container{
    padding:0 200px;
    height: 200px;
}
.center{
    background: gray;
    width:100%;
    min-height: 200px;
}
.left,.right{
    width:200px;
    min-height: 200px;
}
.left{
    margin-left:-100%;
    background: red;
    position: relative;
    right: 200px;
}
.right{
    background: green;
    margin-right: -200px;
}
</style>

转载于:https://www.cnblogs.com/zhang134you/p/11529278.html