html - 使图像定位在其他元素上

Question

我需要使图像定位如下图:

我有代码:

<footer>
    <div class="stopka1">
        <div class="container">
            ....................
            </p>
            <a href="#top"></a>
        </div>
    </div>
</footer>

<div class="container">
    <div class="row" style="padding-right:0; padding-left:0;padding-top:30px;padding-bottom:20px;">
        <div class="col-md-6">
            <div class="row">
                <div class="col-xs-6"><img src="phone.png" style="vertical-align:middle !important;"> <span style="font-weight:lighter;color:rgb(10, 55, 110);font-size: 28px; vertical-align:middle !important;">22 213 18 31</span></div>
                <div class="col-xs-6"><a href="" style="width:100%;"><button class="col-cs-12 przycisk-pytanie" style="font-weight: bold;margin-top:0;">Zadaj pytanie</button></a></div>
            </div>
        </div>      
        <div class="col-md-6">
            <div class="row">
                <div class="col-xs-2"><img src="women.png" style=""></div>
                <div class="col-xs-5">.. price ..</div>
                <div class="col-xs-5"><a href="" style="width:100%;"><button class="przycisk-rezerwuj-big" style="font-weight: bold;height:35px;">Rezerwuj teraz</button></a></div>
            </div>
        </div>  
    </div>
</div>

有人知道如何获得这种效果吗？我不知道如何强制它覆盖更高的 div。

Answer 1

您可以选择以下两个选项之一:

选项 1

img {margin-top:-20px;}

选项 2

img {position:relative; top:-20px;}