两栏自适应布局，右侧div宽高不定
2016-10-24 22:47
218 查看
.main,.sitebar{
height: 300px;
font: bolder 20px/300px "微软雅黑";
color: black;
text-align: center;
}
.main{
width: 100%;
float: left;
}
.main .content{
margin-left: 200px;
background: red;
}
.sitebar{
width: 200px;
float: left;
margin-left: -100%;
background: green;
}
<div class="main">
<div class="content">hhhhhhhhhhhhh</div>
</div>
<div class="sitebar">
hehhehhe
</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 左右两栏div布局，高度自适应
- div 两列布局，左侧固定宽度px，右侧自适应宽度，满屏
- 两栏布局右侧自适应+左右拖动改变两栏宽度
- 两栏布局，左侧固定宽度，右侧自适应大小
- 前端面试之两栏布局，左侧固定右侧自适应；三栏布局，左右定宽，中间自适应
- 左右两栏布局右侧自适应+左右拖动改变两栏宽度
- 轻松实现两栏布局：左右DIV等高、内容自适应屏幕高度
- css三列布局,最右侧div固定,其他两列自适应
- css实现左右布局，左侧div固定不变，右侧div宽度自适应
- 页面布局：左侧自适应，右侧固定
- css布局：左边固定宽度，右边自适应宽度或右侧固定，左侧自适应三种方法
- 多列布局：定宽+自适应，不定宽+自适应，等宽布局，等高布局
- 两栏自适应布局延展到多栏自适应布局
- 七种实现左侧固定，右侧自适应两栏布局的方法
- 左侧固定宽度，右侧自适应宽度的CSS布局
- 两列布局 左侧宽度不变右侧宽度自适应
- 左右两栏div+css布局
- 用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
- 脚本控制DIV三行三列布局自适应高度
- 浅谈CSS两栏、三栏自适应布局