左侧元素固定宽；右侧元素宽自适应
2018-07-11 14:10
106 查看
<!DOCTYPE>
<html lang="en">
<style>
.one {
float: left;
height: 100px;
width: 300px;
background-color: blue;
}
.two {
overflow: auto;//重要或者overflow:hidden;
height: 200px;
background-color: red;
}
</style>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div class="one"></div>
<div class="two">第1种方法</div>
</body>
<html lang="en">
<style>
.one {
float: left;
height: 100px;
width: 300px;
background-color: blue;
}
.two {
overflow: auto;//重要或者overflow:hidden;
height: 200px;
background-color: red;
}
</style>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div class="one"></div>
<div class="two">第1种方法</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 左侧固定，右侧宽度自适应
- css布局之左侧固定右侧自适应布局
- CSS常见布局：左侧固定，右侧自适应
- 左侧固定 右侧自适应 布局
- css实现右侧固定宽度，左侧宽度自适应
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- 左侧固定 右侧自适应三种方法
- 左侧固定宽度，右侧自适应宽度的CSS布局
- CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
- 页面左侧宽度固定，右侧自适应或者右侧固定宽度，左侧自适应
- CSS左侧固定宽 右侧自适应（兼容所有浏览器）
- CSS左侧固定宽 右侧自适应（兼容所有浏览器）
- css实现左右布局，左侧div固定不变，右侧div宽度自适应
- CSS2.0下1行2列，左侧固定右侧自适应布局，兼容所有浏览器。[学习笔记]
- 页面布局：左侧自适应，右侧固定
- div css 左侧固定，右侧自适应宽度 效果
- 两栏布局，左侧固定宽度，右侧自适应大小
- CSS 两列布局---左侧固定，右侧自适应
- 左侧固定，右侧自适应，两列等高并且自适应的第二种办法
- HTML/CSS学习之 三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化