2 sinat 28220307 sinat_28220307 于 2016.03.04 17:52 提问

HTML布局 三列中间固定宽度左右自适应

三个div,同样高度,中间的div固定宽度,左右两边的div宽度自适应。这个要怎么做,跪求高手赐教!

3个回答

showbo
showbo   Ds   Rxr 2016.03.04 18:03
已采纳

左右怎么个自适法,各占用剩余宽度的多少?自己写个js来控制,在window.onresize事件中重设2个div的宽度

可是宽度用下面的获取

 var w=document[document.compatMode=='CSS1Compat'?'documentElement':'body'].clientWidth;
qq_19891827
qq_19891827   2016.03.04 17:55

可以用js设置那两个div的宽度,首先获得这三个div的父元素div的宽度、中间固定div的宽度然后设置两边的div宽度为(父div宽度-中间div宽度)/2就可以了

ztj771299799
ztj771299799   2016.03.05 09:10

最近研究盒模型你可以去查查flex,这个在移动端是可以兼容的,web端有些浏览器可能还不兼容,http://www.ibm.com/

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!