css圣杯布局

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; }

　　

转载于:https://www.cnblogs.com/lhyhappy365/p/11547475.html

总结

以上是生活随笔为你收集整理的css圣杯布局的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。