为了账号安全,请及时绑定邮箱和手机立即绑定

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下载
官方微信