如何实现两边固定,中间自适应的三栏布局?
来源:互联网 发布:淘宝加工厂 编辑:程序博客网 时间:2024/05/02 02:18
如何实现两边固定,中间自适应的三栏布局?
第一种办法:用传统的position实现
<!Doctype>
<meta charset="utf-8">
<html>
<head>
<title>三栏布局</title>
<style>
html,body{ margin: 0px;width: 100%; }
h1{height: 100px;margin:20px 0 0;}
#left,#right{width: 200px;height: 200px; background-color: #ffe6b8;position: absolute;top:120px;}
#left{left:0px;}
#right{right: 0px;}
#center{margin:2px 210px ;background-color: #eee;height: 200px; }
</style>
</head>
<body>
<h1>三栏自适应布局</h1>
<div id = "left">左边</div>
<div id = "right">右边</div>
<div id = "center">中间</div>
</body>
</html>
1 0
- 如何实现两边固定,中间自适应的三栏布局?
- 中间固定,两边自适应的三列布局、两边固定,中间自适应的三列布局、左侧栏固定,右侧自适应的两列布局
- 纯CSS实现三列布局(两边固定,中间自适应)
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)
- 三栏布局(两边固定,中间自适应)
- html--三栏布局(两边固定宽度,中间自适应)
- 三栏布局(两边固定,中间自适应)
- CSS三栏布局(两边固定中间自适应宽度)的方法
- CSS三栏布局(两边固定中间自适应宽度)的方法
- CSS三栏布局(两边固定中间自适应宽度)的方法
- 三栏自适应布局实现(左右固定宽度,中间自适应)
- CSS三栏布局——中间固定两边自适应宽度
- CSS三栏布局——中间固定两边自适应宽度
- 三栏布局:浮动布局、绝对布局、(相对)圣杯布局、双飞翼布局、中间固定两边自适应总结
- CSS布局-两边固定,中间自适应
- css布局两边固定中间自适应
- html中散列布局的实现,中间自适应大小,两边固定宽度
- Java开发环境的配置步骤
- spring线程池
- UICollectionView(一)——整体总结
- 各种工业协议间的较量
- 使用object表示泛型
- 如何实现两边固定,中间自适应的三栏布局?
- Java开发环境的配置步骤
- Jquery根据后台数居设置select。radio,checkbox选中
- okhttp源码的学习
- 第四讲项目2-1输出长方形周长和面积
- 【智利支付】智利外贸收款方式Servipag
- CS0414号警告是什么
- UrlEncoder与URLDecoder编码解码
- 第一篇博客