自适应布局,左右两边固定大小,中间内容适应大小
文章图片
如图所示,需要把上面的Chinese Cosmetic和 更多 、搜索 分别固定在左右两侧,尝试过很多办法,后来用绝对定位absolute 拥有拉伸的特性完美解决。
【css|自适应布局,完美解决左右两边固定大小,中间内容适应大小。】代码分析,
Chinese Cosmetic 宽度200px,左浮动。
更多 、搜索 宽度80px,右浮动。
中间的品牌和公司简介,分别设置绝对定位absolute,left:200 px,right:80px。
然后把品牌和公司简介的宽度分别设置成 50%。
即可完美自适应布局!!!!!
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少(今天见识到跳槽天花板!!)