1.浮动(float),这种情况下默认横向是left,纵向是top方向，所以默认就满足顶端对其；
2.定位(position),这种情况下只要设置要top的值就可以了；
3.display：inline-block；这种情况下，一般不是顶端对其，必须在父级加上一条样式：vertical-align: top才能实现顶端对其。
将底部的内容定位到顶部，只要在css层上面加上一个浮动，将定位至top设置成0即可。说明如下：
position：absolute（将对象浮动）
top:0（将对象定位对顶部）
整体css示范如下：
<div style="position:absolute top:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容顶部</div>如要将内容放至底部，只需将top:0修改成bottom:0即可，整体css未范如下：
<div style="position:absolute bottom:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容底部</div>希望我的回答能令你满意！
<body><header>
<h1 class="logo">
<img src="images/logo1.png" alt="">
</h1>
<p class="icon"><img src="images/icon.png" alt=""></p>
<ul>
<li><a href="">首页</a></li>
<li><a href="">个人信息修改</a></li>
<li><a href="">退出登录</a></li>
</ul>
</header>
</body> /*清除默认样式后*/
header{width: 90%height: 80pxmargin: 0 autoposition: relative}
.logo{float: leftheight: 80pxwidth: autooverflow: hidden}
.logo img{width: autoheight: 80px}
.icon{float: right}
.icon img{height: 40pxwidth: automargin-top: 35px}
ul{width: autobottom: 10pxright: 60pxheight: autoposition: absolute}
li{float: leftpadding: 0 5px}
a{text-decoration: nonecolor: #95969a}
