應該是你的圖高度設置和a標簽高度一樣，所以寬度150 高度13??

舉個例子

<a href="javascript:;">

<img src="img" />

</a>

a{

width:150px

height:13px

position: relative;

}

a img{

width:100% // 這里高度不要設置，圖片高度會自動比例，然后使用絕對定位

position:absolute

bottom:50px// hover后設置13px? 因為a的高度是13px

}

至于第二個問題

Ctrl層的高度還是13px? 無論子元素多大。你在Ctrl層同級別的地方寫東西，你會發(fā)現(xiàn)寫的東西確實位于Ctrl層外面，但是會被Ctrl層里面多出的內容遮蓋住，會影響布局，所以一般來說如果內容是圖片或者文字，正常布局應該使用padding來控制你期待的邊距。這里a標簽當做按鈕來設置樣式，而且中間沒有文字，所以13px加背景只是為了布局美觀協(xié)調，等你真正設計網頁的時候你會發(fā)現(xiàn)，很多時候高度和寬度不能隨意設置，特別是響應式布局

就拿這個例子來說，瀏覽器窗口變動時，樣式會大不相同，最好的方法就是a標簽寬度用100%（js控制，根據圖片的多少來設置合適的百分比），現(xiàn)在主要學習的是這個設計邏輯

檢查代碼的時候我發(fā)現(xiàn)這個img標簽讓我打多了一個height=“13px”，難怪了，但是我還是有一個疑問，為什么默認情況下它不跟隨它所在層的大小呢，現(xiàn)在這個Ctrl層中的img元素大于它的高度了，那么這個Ctrl層的高度還是13px嗎？

我通過調整定位，令縮略圖位置在上方了，但是我的預覽圖和層Ctrl高度一樣了，顯得很扁平，怎么辦呢？