css圣杯布局
2024-10-07 13:13:13
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;
}
最新文章
- 大熊君JavaScript插件化开发------(实战篇之DXJ UI ------ ItemSelector)
- xcode注释
- 克隆或拷贝的VMware虚拟机IP问题解决
- Open Xml SDK 引文
- angularJs 自定义服务 provide 与 factory 的区别
- Effective Objective-C 2.0之Note.03(属性详解)
- 安卓开发-Activity中finish() onDestroy() 和System.exit()的区别
- 纪中集训 Day 4
- 求sum=1+111+1111+........+1....111 .
- Windows系统桌面右击反应变慢、卡顿问题解决方法
- [再寄小读者之数学篇](2014-06-22 求导数 [中国科学技术大学2014年高等数学B考研试题])
- 什么是内部类? Static Nested Class 和 Inner Class 的不同。
- 禁用大陆ip段
- 转:Log Explorer使用说明恢复被误删除的数据
- MySQL使用游标
- CSP vs Actor Go vs Erlang
- 使用 IIS 过程中遇到的一些问题
- 趣味编程:CPS风格代码(Java 8,Functional Java版)
- 关闭在chrome里使用双指前进后退页面的功能
- requestAnimationFrame 兼容不支持时的问题
热门文章
- 初学css 行内元素与块级元素
- 洛谷 - P4008 - 文本编辑器 - 无旋Treap
- axios动态数据的获取
- 定制团队自己的 Vue template
- #1062 - Duplicate entry &#39;0&#39; for key &#39;PRIMARY&#39;—— mysql的小问题
- 安装FaaS
- node.js从入门到放弃《模块》
- CSP-S2019 赛前补题
- onupdate
- 解决安装mysql-connector-odbc-5.3.2 错误1918……不能加载安装或转换器库……的BUG