css布局基础圣杯模式

最新推荐文章于 2022-09-15 17:25:04 发布

BeMount

最新推荐文章于 2022-09-15 17:25:04 发布

阅读量428

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_40867255/article/details/103524110

版权

前端专栏收录该内容

43 篇文章 0 订阅

订阅专栏

<div class="content">
	<div class="middle"></div>
	<div class="left"></div>
	<div class="right"></div>
</div>

.content{
	padding:0 200px;
    overflow:hidden;
}

.middle{
  width:100%;
  float:left;
  height:400px;
  background-color:yellow;
}

.left{
  float:left;
  height:400px;
  width:200px;
  background-color:red;
  margin-left:-100%;
  position:relatvie;
  left:-200px;
}

.right{
  float:left;
  height:400px;
  width:200px;
  background-color:blue;
  margin-left:-200px;
  position:relatvie;
  right:-200px;
}