需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標簽中，輸入css代碼：img{float:left;}。

3、瀏覽器運行index.html頁面，此時div標簽中的左側圖片與右側圖片通過css調整為了浮動而頂部對齊了。