div布局之左定宽右自适应
来源:互联网 发布:淘宝官方电话人工服务 编辑:程序博客网 时间:2024/06/06 05:13
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>左定宽右自适应</title><style type="text/css"> * { padding: 0px; margin: 0px; border: 0px; } body { width: 100%; height: 100%; clear: both; } .g-hd { width: 100%; height: 30px; background-color: yellow; } .g-left { width: 200px; height: 500px; background-color: green; float: left; border-right: 3px solid pink; display: table-cell; position: relative; } .g-right { width: 100%; height: 500px; background-color: red; } .ft { width: 100%; height: 30px; background-color: blue; float: left; }</style></head> <body> <div class="g-bd"> <div class="g-hd"> </div> <div class="g-ct"> <div class="g-left"> </div> <div class="g-right"> </div> </div> <div class="ft"> </div> </div> </body></html>
阅读全文
0 0
- div布局之左定宽右自适应
- div 全屏自适应 布局
- DIV 自适应宽度 布局
- DIV自适应布局
- DIV布局之三行三列之高度自适应
- DIV布局之三行三列之高度自适应补遗
- CSS DIV自适应高度布局
- div多栏自适应布局
- CSS布局-DIV宽度自适应
- 一个CSS+div高度自适应布局模型
- CSS网站布局div高度自适应--解决
- div 横向布局 中间高度自适应
- div + css宽度自适应(液态布局)
- 移动端常见div同行自适应布局
- div三栏中间自适应布局
- DIV布局之三行两列左栏宽度固定右栏宽度自适应
- DIV布局之三行两列右栏宽度固定左栏宽度自适应
- DIV布局之三行三列左右两栏固定中间自适应
- 【思维】nyoj-备用 2351--你怎么又插队
- 理解多态和RTTI
- 素数筛选法
- C语言(Head First C)-1:C语言入门
- 二三层转发
- div布局之左定宽右自适应
- openstack搭建--1--基础环境搭建
- 【复习笔记】听说找工作一定要会的三种排序算法
- FFMPEG学习【libpostproc】
- 博弈算法
- 猜数字
- 【git】常用命令汇总
- POJ-1258-Agri-Net
- 209. Minimum Size Subarray Sum