自适应屏幕宽度的居中布局
2014-05-22 10:26
337 查看
div{ height:200px; color:#F00;}
.left{ float:left; width:100px; background:#00f; _margin-right:-3px;}
.right{ float:right; width:100px; background:#0f0; _margin-left:-3px;}
.center{ background:#333; margin:0 100px; _margin:0 97px;}
<div class="left">我是left</div>
<div class="right">我是right</div>
<div class="center">我是center</div>
自适应屏幕宽度的居中布局
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 纯原生打造GridView单行横向滑动（宽度自适应在父布局居中），手机屏幕px和dp的互换方法，附禁止滑动的自定义方法
- 页面布局左侧固定宽度，右侧屏幕自适应
- CSS实现自适应高度布局：头部底部固定，中间自适应铺满屏幕剩余高度，中间盒子里左盒子固定右盒子自适应宽度
- bootstrap中实现外层DIV自适应，内层DIV宽度固定且居中的布局
- CSS 移动端布局1（自适应屏幕宽度）
- css的position属性 居中 宽度自适应屏幕
- 三列布局：中间宽度固定，两侧宽度自适应屏幕的实现
- 记一道css面试题 : 三栏布局两边宽度固定，中间宽度自适应，并且布局随屏幕大小改变。
- CSS float的初步理解：用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
- 典型的三行二列居中高度自适应布局
- Android布局之屏幕自适应
- 移动页面HTML5自适应手机屏幕宽度
- web页面自适应手机屏幕宽度
- 负边距创建自适应宽度的流体布局的实现方法
- css圆角box(宽度自适应)(依据三列布局修改,ie6有bug)
- table-cell实现宽度自适应布局
- Android自适应屏幕大小和layout布局
- 两栏布局右侧自适应+左右拖动改变两栏宽度
- CSS布局技巧之-宽度自适应
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用