flex对某些css的消除影响

当父元素设置为flex以后,float、clear、text-align、vertical-align 不会起作用。
box和flex的兼容性设置:
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ /
display: -moz-box; /
Firefox 17- /
display: -webkit-flex; /
Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 /
display: -moz-flex; /
Firefox 18+ /
display: -ms-flexbox; /
IE 10 /
display: flex; /
Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 10,128评论 0 26
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 8,898评论 0 6
  • 阅读目录移动开发基本知识点 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    张宪宇阅读 5,481评论 0 1
  • -:Internet Explorer CSS :- SpecialPurpose _::selection, :...
    弥果阅读 5,130评论 0 1
  • 写在从深圳返家的途中。呆在一个地方已经至少两个钟了,看来十一要在路上与众位萍水相逢的同乘们一起度过了。 好了,话不...
    沐酒鸿江阅读 2,761评论 0 0