css 两边宽度固定中间自适应宽度
2016-03-25 11:08
453 查看
#content_left{ //左
width:73px;
height:100px;
vertical-align:middle;
margin-right:-100px;
float:left;
background-color:#FFFF99;
}
#content_right{ //右
width:73px;
height:100px;
vertical-align:middle;
margin-left:-100px;
float:right;
background-color:#FFFF99;
}
#content_middle{ //中
width:auto;
height:100px;
margin:0 100px;
background-color:#0057B9;
text-align:center;
}
width:73px;
height:100px;
vertical-align:middle;
margin-right:-100px;
float:left;
background-color:#FFFF99;
}
#content_right{ //右
width:73px;
height:100px;
vertical-align:middle;
margin-left:-100px;
float:right;
background-color:#FFFF99;
}
#content_middle{ //中
width:auto;
height:100px;
margin:0 100px;
background-color:#0057B9;
text-align:center;
}
相关文章推荐
- CSS2系列:BFC(块级格式化上下文)IFC(行级格式化上下文)
- css百分垂直居中
- HTML外部引用CSS文件不生效
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- Chrome开发工具Elements面板(编辑DOM和CSS样式)详解
- css 盒子模型 以及 box-sizing属性
- CSS段落首行缩进
- CSS魔法堂:你真的懂text-align吗?
- div内容垂直居中对齐
- CSS选择器
- CSS之水平垂直居中
- 按钮式链接
- JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
- 纯css实现loadding的酷炫效果
- CSS 之 width padding margin border
- 深入理解CSS绝对定位absolute
- css样式表及属性
- css格式布局
- 解决不定宽网页元素居中
- css float