html日记——三栏式布局
来源:互联网 发布:淘宝网店评估 编辑:程序博客网 时间:2024/05/29 03:07
最近在做完任务时有个三栏式布局
左右宽度固定,中间宽度自适应。
看了一下别人的代码,总结出一个很简单的思想
左边左浮动,右边右浮动,中间用margin
注意中间的div要放在左右的后面
最简单的代码如下
<html><head><meta charset="UTF-8"><title>test</title><style type="text/css">*{margin: 0px;padding: 0px;}.left{width: 200px;background-color: blue;float: left;}.right{width: 200px;background-color: red;float: right;}.middle{margin: 0px 220px;background-color: green;}</style></head><body><div class="left"> hello</div><div class="right"> !!!</div><div class="middle"> world</div></body></html>
0 0
- html日记——三栏式布局
- .NET日记——HTML小结
- HTML和CSS学习日记之CSS布局模型
- 安卓学习日记——相对布局2017.3.31
- Java日记(1 1)—— 布局管理器
- 黑马程序员——HTML表格布局
- HTML&CSS学习2——布局
- HTML——上中下布局
- HTML——左侧边栏布局
- HTML——左右侧边栏布局
- HTML——UL+CSS布局
- HTML——博客网页布局
- HTML+CSS学习杂记——布局
- HTML开发——响应式布局
- html+css——网页布局
- day03—html之页面布局
- 黑马程序员--.Net学习日记——HTML总结
- 黑马程序员--.Net学习日记——HTML总结
- 100万并发连接服务器笔记之Erlang完成1M并发连接目标
- 欧拉与鸡蛋
- 第一篇吧
- 第3周项目4(3)年龄几何
- Tomcat 的热部署和加载
- html日记——三栏式布局
- GCD2:常用用法
- express Router对象
- 自定义PopWindow,实现简单的回调函数,自己实现简单的CallBack
- 记录并研究Volley框架中知识点
- matlab中带参数定积分的求解
- 100万并发连接服务器笔记之准备篇
- 《分布式系统原理与范型》第二版笔记
- 优先队列