布局①—初探Flex布局

本文第一次展现flex布局

学习关键词:display:flex  ,  flex-basis:70% 

先来看看效果

布局①—初探Flex布局_第1张图片


为什么要用flex布局?(以前不用布局的时候,就用float等等代替,但是像素可能会出现问题,为了解决肉眼看到问题就用flex)

首先看看这两篇 :

         Flex Basis与Width的区别

         

         html+css:display:flex属性


好了 ,接下来看看代码  (header,section,footer)





demo_2test


    

site title

  • Blog
  • Work
  • About

BLOG

Blog Title Sample

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus nam, vero facilis sint dolorem numquam veniam consequuntur repudiandae pariatur ipsa.
footer

你可能感兴趣的:(Html)