1.浮动(float),这种情况下默认横向是left,纵向是top方向，所以默认就满足顶端对其；
2.定位(position),这种情况下只要设置要top的值就可以了；
3.display：inline-block；这种情况下，一般不是顶端对其，必须在父级加上一条样式：vertical-align: top才能实现顶端对其。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：img{float:left}。
3、浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。
答：从外型结构上来看，分析得出如下结论 。1、主体布局背景色为黑色。
2、内容里又包含上下两行文字与图片。
3、内容顶部一行不规则，可用绝对定位或都浮动布局。
4、内容底部有个文字居中，和一个加号图片居右。
因此，得出如下。
CSS样式你自己写，我只给你搭框架。
<div class="wechat_head">
<div class="wechat_head_top">
<ul>
<li>....</li>
<li>中国移动</li>
</ul>
<ul>
<li>4G</li>
</ul>
<ul>
<li>上午12：00</li>
</ul>
<ul>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
</ul>
</div>
<div class="wechat_head_buttom">
<span>微信</span>
<img src="">
</div>
</div>
