<section> <div class="container"> <div class="main">中间部分</div> </div> <div class="left">左边</div> <div class="right">右边</div> </section>
.left,.right{width: 100px;background-color: red;float: left;height: 200px;}
.left{margin-left: -100%;}
.right{margin-left: -100px;}
.container{width:100%;height: 200px;float: left;background-color: pink;}
.main{background-color: orange;margin: 0 100px;}<section> <div class="main">中间</div> <div class="left">左边</div> <div class="right">右边</div> </section>
section{padding: 0 100px;}
section div{height: 200px;}
.left,.right{width: 100px;background-color: red;float: left; position: relative; }
.left{margin-left: -100%;left: -100px;}
.right{margin-left: -100px;right: -100px;}
.main{width:100%;float: left;background-color: pink;}點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦