css|自适应布局,完美解决左右两边固定大小,中间内容适应大小。

自适应布局,左右两边固定大小,中间内容适应大小





css|自适应布局,完美解决左右两边固定大小,中间内容适应大小。
文章图片



如图所示,需要把上面的Chinese Cosmetic和 更多 、搜索 分别固定在左右两侧,尝试过很多办法,后来用绝对定位absolute 拥有拉伸的特性完美解决。
【css|自适应布局,完美解决左右两边固定大小,中间内容适应大小。】代码分析,
Chinese Cosmetic 宽度200px,左浮动。

更多 、搜索 宽度80px,右浮动。

中间的品牌和公司简介,分别设置绝对定位absolute,left:200 px,right:80px。
然后把品牌和公司简介的宽度分别设置成 50%。


即可完美自适应布局!!!!!




    推荐阅读