首页 > 其他 > 详细

利用BFC特性实现两栏自适应

时间:2016-01-25 11:27:55      阅读:153      评论:0      收藏:0      [点我收藏+]

有时候我们在CSS布局的时候需要实现两栏布局,且其中一栏的宽度不固定。据我的经验,有以下几种方法:

inline-block

首先两个元素不跨行,又要可以设置宽高,当然是inline-block,但是用此方法有个非常大的缺陷,就是width属性不好设置

  • js计算
  • 百分比计算
  • calc属性

Float + overflowHidden

这种方式利用BFC特性

 

flex

具体看代码。

利用BFC特性实现两栏自适应

原文:http://www.cnblogs.com/grease-giant/p/5156754.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!