双飞翼布局(先加载中间,左右宽度为200,中间自适应)

双飞翼布局

先加载中间,左右宽度为200,中间自适应

<div class="main">
	<div class="container">
		<div class="center">中间</div>
    </div>
    <div class="left"></div>
    <div class="right"></div>
</div>
			.main>div{
                float: left;
            }
            .container{
                width: 100%;
            }
            .center{
                background-color: red;
                margin: 0 200px;
            }
            .left{
                background-color: yellow;
                width: 200px;
                margin-left: -100%;
            }
            .right{
                background-color: orchid;
                width: 200px;
                margin-left: -200px;
            }
发布了34 篇原创文章 · 获赞 0 · 访问量 615

猜你喜欢

转载自blog.csdn.net/qq_44631273/article/details/104464242