首先是浮动，在 CSS 中，我们通过 float 属性实现元素的浮动。实现块状元素变为行内元素，类似于div之间不在换行，而并排显示
对齐分为元素自身对齐，和元素里面内容对齐，比如div、p标签里面的文本对象,text-align属性设置居中、居左，居右，元素自身对齐，比如div相对于浏览器居中可以用margin:0 auto实现
这两个可以结合使用，没有什么区别，是两个不同的概念，要说又区别也是，float和display属性的区别
希望可以解答你的问题
要让div顶端对其，那么就必须根据HTML的布局和css样式的对其方式决定了：1.浮动(float),这种情况下默认横向是left,纵向是top方向，所以默认就满足顶端对其；
2.定位(position),这种情况下只要设置要top的值就可以了；
3.display：inline-block；这种情况下，一般不是顶端对其，必须在父级加上一条样式：vertical-align: top才能实现顶端对其。
Ps：这些都是基于整个div的情况下，而实际表现出来的效果。可能会受到margin、padding等样式的影响，所以最好是能够将这些因素根据自己的需求考虑进去
