HTML?

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

?

css樣式

.container{padding-left: 200px;padding-right: 150px; } .content {background: pink;width: 100%;float: left; } .left{width:200px;background: blue;float: left;margin-left: -100%;position: relative;right: 200px; } .right{width: 150px;background: green;float: left;margin-right: -150px; }

　　

轉(zhuǎn)載于:https://www.cnblogs.com/lhyhappy365/p/11547475.html

總結(jié)

以上是生活随笔為你收集整理的css圣杯布局的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。