问答详情
源自:2-1 距离底部有点距离

crtl-i里的图片始终继承不了它的宽度高度

crtl-i里的图片始终继承不了它的宽度高度

提问者:hznn 2015-07-09 14:35

个回答

  • HZFEStudio
    2016-02-26 16:04:02

    对于绝对定位的子无素,要是其外层的所有元素中都没有用position:relative,则width:100%是基于body,否则就是离基最近的一个position:relative的元素。

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

  • hznn
    2015-07-14 13:42:51

     <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://img.mukewang.com/55a4a10c00012d6910900187.jpg

    就是这个小图始终高度是原图片高度

  • 浅水了
    2015-07-10 17:18:58

    求代码