您的位置:首页 > 其它

div宽度自适应

2015-04-23 11:36 246 查看
实现效果:3个水平div 两旁div宽度固定 中间自适应



做法:1.将3个div仍在一个div(父元素)里面, 3个div设置水平向左浮动。

父元素width:100% 且父元素的padding-left 和padding-right: 值等于3个子div中需要固定宽度的div 的宽度

2.调整左边div(1)的左边距为适当的负数值,让它偏移到父元素的左边padding-left区域

3.调整右边边div(3)的右边距为适当的负数值,让它偏移到父元素的右边padding-right区域

4.中间div 设置宽度为100%

关键:设置父元素的左右内边距,把需要适应的div做为子元素仍在父亲里面调整宽度100%,

需要固定的div作为子元素仍在父亲的左右内边距区域。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: