左固定右适应
来源:互联网 发布:淘宝客流量过大 编辑:程序博客网 时间:2024/05/16 12:10
左固定右适应
//CSS样式
html,
body {
margin:0;
padding:0;
height: 100%;
}
.container {
height: 100%;
}
.left {
height: 100%;
width: 100px;
float: left;
}
.right {
/*width: 100%;*/
height: 100%;
background-color: green;
margin-left: 100px;
}
.top,.bottom{
height: 100px;
width: 100%;
background-color: orange;
}
//HTML代码
<body>
<div class="top"></div>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="bottom"></div>
</body>
阅读全文
0 0
- 左固定右适应
- 左栏固定,右栏自适应布局
- html结构左固定,右自适应
- 左栏固定,右栏自适应布局
- CSS布局中左(右)宽度自适应,右(左)宽度固定
- 常见的网站布局方式---左固定右自适应、左右固定中自适应等
- 右栏固定,左栏自适应宽度且先出现的一种实现方案
- CSS布局:右栏固定宽度,左栏内容先出现同时自适应宽度
- 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
- 两个DIV,左DIV宽度固定,右DIV自动填满剩余空间
- 横向两列布局(左列固定,右列自适应)的4中实现方式
- CSS 经典案例 两列布局 左固定 右自适应 高度自适应
- css负边距可以实现的布局(上)左固定右自适应,多行多列,等高布局
- 左三年 右三年
- oracle左、右连接
- 右左法则 转
- 左值 右值
- 右左法则
- js正则表达式判断
- linux内核字符设备驱动之写操作
- 谈谈对Zookeeper理解
- 一道ZHX的题 O (1) 快速乘 BSGS
- checkbox的坑
- 左固定右适应
- Jquery EasyUI 自定义面板右上角的功能(3)
- Android 面试题 关于oom的解决方案
- Linux下优雅的让程序后台运行
- unique-paths
- hadoop关于dfs.datanode.data.dir下过个目录不均衡问题
- 为什么使用 Redis及其产品定位
- JavaScript闭包
- Cmder--Windows下命令行利器