定宽和自适应布局的配合
来源:互联网 发布:sev18软件下载 编辑:程序博客网 时间:2024/06/06 07:05
方法一:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.container{
height: 500px;
border: 1px solid black;
position: relative;
}
.left{
position: absolute;
left: 0;
width: 200px;
height: 100%;
background-color: greenyellow;
}
.right{
margin-left: 200px;
height: 100%;
background-color: red;
}
</style>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
//方法二:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.container{
height: 500px;
border: 1px solid black;
display: flex;
}
.left{
width: 200px;
height: 100%;
background-color: greenyellow;
}
.right{
flex: 1;
height: 100%;
background-color: red;
}
</style>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
- 定宽和自适应布局的配合
- 两列布局中单列定宽单列自适应布局的5种思路
- 左右布局,背景图左侧定宽,自适应
- 多列布局之定宽+自适应
- 实现左边定宽,右边自适应布局
- css布局左右定宽,中间自适应
- 左右布局:左边定宽、右边自适应
- 左边定宽,右边自适应宽度布局
- 多列布局-定宽与自适应
- 三列自适应布局:左右定宽,中间自适应
- java代码设置布局的宽和高
- CSS布局样式:左右布局,左边定宽,右边自适应
- css实现左边定宽右边自适应的两列布局5种方法
- 三栏布局的两边定宽100px,中间自适应
- 左右布局:左边定宽、右边自适应的3种方案
- 缩略图自适应宽和高
- 多列布局:定宽+自适应,不定宽+自适应,等宽布局,等高布局
- 代码 label自适应 (计算label的宽和高)
- Networkmanager简单介绍
- ajax实时索搜
- spring注解 实现定时任务
- PAT 1039. 到底买不买(20)
- 三张图搞懂JavaScript的原型对象与原型链
- 定宽和自适应布局的配合
- 平衡树三连击
- RSA加密算法详解以及RSA在laravel中的应用
- NOIP2017游记
- ES6_数据结合map
- Python 练习实例13
- 非常实用的做菜的秘诀 30年经验厨师总结
- 中断与轮询
- 《算法》——第一章:基础