1…流式布局 按照从上到下的运行方式进行布局

 

　　2.浮动布局 float left right

 

　　？ a.元素浮动后，会脱离文档流

 

　　？ b.元素在遇到另外一个元素边框时，会停止

 

　　？ c.文字不能被浮动元素所覆盖，而是会呈现一种包围效果

 

　　？ d.行内元素浮动后可被设置宽高

 

　　3.定位布局

 

　　代码实现如下

 

　　代码如下：

 

　　注意要点：

 

　　1.内边距将元素变大：

 

　　a.在对应方向上的宽高减去 内边距

 

　　b.使用 box-sizing: border-box;

 

　　元素占据页面空间=元素宽高+外边距（当内边距大于元素宽度，失去作用）

 

　　2.margin 与padding的使用方式一致

 

　　margin-top 在给子元素设置向上的外边距时，经常会出现子元素拖动父元素一起向下移动。

 

　　解决办法：

 

　　a.将margin-top–>padding-top使用

 

　　b.给父标签设置边框

 

　　3.边距相融

 

　　两边距同时向一个方向产生距离时，会产生边距相融，谁的大听谁的

 

　　4.块元素居中

 

　　水平居中

 

　　margin: auto;

 

　　垂直居中，通过计算像素

 

　　margin-top: 100px;