div+css左侧固定宽度200px,右侧自动扩展
2017-10-31 09:58
706 查看
<div id="lt"></div> <div id="rt"></div>
一、左边固定,右边自适应的布局 1. 左边左浮动,右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;} 2. 左边左浮动,右边加个margin-left; #lt{ float: left; width:200px; background: #ff0;} #rt{ margin-left: 200px; background: #f0f;} 3. 左边绝对定位,右边加个margin-left; #lt{ position: absolute; top:0; left:0; width:200px; background: #ff0;} #rt{ margin-left: 200px; background: #f0f;} 4. 左右两边绝对定位,右边加个width,top,left,right #lt{ position: absolute; top:0 ; left:0 ;width:200px; background: #ff0;} #rt{ position: absolute; top:0 ; left:200px; width: 100% ; rigth:0;background: #f0f;}
相关文章推荐
- 用CSS、HTML编写一个两列布局的网页,右侧宽度为200px,左侧自动扩展。
- 用css、html编写一个两列布局的网页,名称为css.html ,要求左侧宽度为200px ,右侧自动扩展
- html css编写一个两列布局的网页,左侧宽度为200px,右侧自动扩展
- 用CSS、HTML编写一个两列布局的网页,右侧宽度为200px,左侧自动扩展。
- css实现左右布局,左侧div固定不变,右侧div宽度自适应
- 阿里2016前端开发工程师笔试 - 布局之左侧自动宽度右侧固定宽度
- 老生长谈:css实现右侧固定宽度,左侧宽度自适应
- 求css左侧宽度固定右侧宽度自适应的办法
- 【前端攻城狮之路】CSS两列布局——右侧固定宽度、左侧自适应
- div 两列布局,左侧固定宽度px,右侧自适应宽度,满屏
- CSS-左侧固定宽度,右侧自适应宽度的两列布局实现方法总结
- 左侧固定宽度,右侧自适应宽度的CSS布局(总结)
- HTML/CSS学习之 三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 老生长谈:css实现右侧固定宽度,左侧宽度自适应
- css实现右侧固定宽度,左侧宽度自适应
- 两个div左边的固定宽度右边的自动填充的css
- 老生长谈:CSS实现右侧固定宽度,左侧宽度自适应
- css实现右侧固定宽度,左侧宽度自适应
- 老生长谈:CSS实现右侧固定宽度,左侧宽度自适应(转)
- HTMLCSS实现左侧固定宽度右侧内容可滚动