首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

让3个DIV并列,但是要让中间的DIV居中,旁边2个平均分配剩余宽度

2013-12-16 
让3个DIV并排,但是要让中间的DIV居中,旁边2个平均分配剩余宽度本帖最后由 zhaishang1 于 2013-12-13 09:08

让3个DIV并排,但是要让中间的DIV居中,旁边2个平均分配剩余宽度
本帖最后由 zhaishang1 于 2013-12-13 09:08:26 编辑 我现在想让3个DIV并排,这个我知道用style:float,但是我还有一个要求就是,中间的一个DIV有固定宽度,比如1200px。高度无所谓,就100%,然后除去这个1200px所占的宽度,根据剩余的宽度,平均分配给剩下的2个DIV。效果相当于让中间的DIV居中,但是旁边的2个DIV要宽度一样。如何实现?
[解决办法]
只见过两边固定,中间自适应的,还没有见过中间固定,两边自适应的布局呢。

你这估计得要js实现了吧。
计算浏览器文档的宽度,减去中间的固定宽度,再平分到两边的模块中去。

如果浏览器窗口的宽度小于中间的模块宽度,那两边的模块不就没有了??

热点排行