css flex应用

阅读更多
div自由布局方法:
1:使用overflow:auto. 


2:使用flex

具体请运行下方代码:



    
    Document



    

你可以改变屏幕宽度查看效果



flex宽度自适应

flex1
我的宽度为父级的20%;
flex2
我的宽度为父级宽-(flex1+flex3);
flex3
我的宽度为父级的20%;




overflow自适应

left
我的宽度为父级的20%;
right
我的宽度为200px;
center
我的宽度为父级宽-(flex1+flex3);




flex高度自适应

flex1
我的高度为父级的20%;
flex2
我的高度为父级高-(flex1+flex3);
flex3
我的高度为定高200px;

你可能感兴趣的:(flex,css,html)