應(yīng)該是你的圖高度設(shè)置和a標(biāo)簽高度一樣，所以寬度150 高度13??

舉個(gè)例子

<a href="javascript:;">

<img src="img" />

</a>

a{

width:150px

height:13px

position: relative;

}

a img{

width:100% // 這里高度不要設(shè)置，圖片高度會(huì)自動(dòng)比例，然后使用絕對(duì)定位

position:absolute

bottom:50px// hover后設(shè)置13px? 因?yàn)閍的高度是13px

}

至于第二個(gè)問(wèn)題

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

就拿這個(gè)例子來(lái)說(shuō)，瀏覽器窗口變動(dòng)時(shí)，樣式會(huì)大不相同，最好的方法就是a標(biāo)簽寬度用100%（js控制，根據(jù)圖片的多少來(lái)設(shè)置合適的百分比），現(xiàn)在主要學(xué)習(xí)的是這個(gè)設(shè)計(jì)邏輯

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

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