h5排版方法

排版要解决的问题

1.使块元素排列在一行（块元素是独占一行的）
2.定位在页面上

排版

1.浮动（float）
浮动作为最常见的两种排版手段最开始被制造的目的却不是用来排版，所以使用他来排版会出现一些问题。比如本来在下面的div块会受到上面的浮动效果的影响，这个问题我们可以用clear=both来消除影响。其实也可以理解浮动顾名思义就是浮在上面，所以使用过浮动后的块级元素就和正常的元素不在一个面上了。这样理解就可以明白浮动好造成的影响了。
2.将块元素变为行内块元素（display）
使用语句display=line-black就可以实现因为在同个平面所以好理解，个人比较推荐新手使用，但是相对浮动会比较麻烦，应为浮动还能定位相对位置。

定位

1.内边距(padding)
就是元素中的内容到设置该属性的元素的边框的距离，所以该项属性会间接的影响元素的大小
2.外边距（margin）
和上面的差不多
注意：在排版时最好使用*{margin=none}的方法清除默认的边距以消除影响

https://www.cnblogs.com/zhongweizhu/p/6003537.html
该链接是一位大佬对浮动的各种情况的详细介绍