亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

crtl-i里的圖片始終繼承不了它的寬度高度

crtl-i里的圖片始終繼承不了它的寬度高度

正在回答

3 回答

對于絕對定位的子無素,要是其外層的所有元素中都沒有用position:relative,則width:100%是基于body,否則就是離基最近的一個position:relative的元素。

所以只要給ctrl-i 加一個position:relative 就可以了。

0 回復 有任何疑惑可以回復我~

?<div class="ctrl">

? ? ? ? <li> <a class="ctrl-i" href="#"><img src="imgs/1.jpg" /> </a></li> ??

? ? </div>

.ctrl-i{ display:inline-block; width:150px; height:13px; background-color:#666; box-shadow:0 1px 1px ?rgba{0,0,0,0.3); position:relative;}

.ctrl-i img{width:100%; position:absolute; left:0; bottom:13px; z-index:1;}

http://img1.sycdn.imooc.com//55a4a10c00012d6910900187.jpg

就是這個小圖始終高度是原圖片高度

0 回復 有任何疑惑可以回復我~

求代碼

0 回復 有任何疑惑可以回復我~
#1

hznn 提問者

.ctrl-i{ display:inline-block; width:150px; height:13px; background-color:#666; box-shadow:0 1px 1px rgba{0,0,0,0.3); position:relative;} .ctrl-i img{width:100%; position:absolute; left:0; bottom:13px; z-index:1;} 就是這個小圖始終高度是原圖片高度
2015-07-14 回復 有任何疑惑可以回復我~
#2

hznn 提問者

<div class="ctrl"> <li> <a class="ctrl-i" href="#"><img src="imgs/1.jpg" /> </a></li> </div>
2015-07-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

crtl-i里的圖片始終繼承不了它的寬度高度

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號