這道題如何用定位的方法做

這道題如何用浮動定位的方法做。我的代碼如下
<title>讀書網站</title>
? ? <style type="text/css">
? ? ? ? img {
? ? ? ? ? ? margin: 18px 16px;
? ? ? ? ? ? border: 1px solid gray;
? ? ? ? }
? ? ? ? .foot {
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? top: 0px;
? ? ? ? ? ? left: 0px;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div>
? ? ? ? <img class="foot" src="../images/images/t_book.gif" />
? ? ? ? <img src="../images/images/book1.jpg" />
? ? ? ? <img src="../images/images/book2.jpg" />
? ? ? ? <img src="../images/images/book3.jpg" />
? ? ? ? <img src="../images/images/book4.jpg" />
? ? ? ? <img src="../images/images/book5.jpg" />
? ? </div>
</body>
出現如下問題
請問如何正確顯示
2016-01-18
增加圖片上邊距試試看,絕對定位脫離文檔流了
2016-01-06
試試這樣:把絕對定位position:absolute;改為display:block;讓第一章圖片獨占一行
2016-01-06
試試這樣:把絕對定位absolute;改為display:block;