集圖像，資料覈實

Question

這是我有：

我希望它是：

代碼片段：

.test0 { 
 
    float: left; 
 
    width: 0%; 
 
    height: 100px; 
 
}

<div class="test0"> 
 
    <img src="../arrow.png" height="30px" width="100px"> 
 
</div>

真的無法解決這一整天。

Answer 1

您可以使用定位來實現此目的。你需要使父母親相對而且孩子有一個絕對的位置。

見Codepen

CSS

.test0 { 
    position: relative; 
    float: left; 
    width: 0%; 
    height: 100px; 
} 
.test0 img { 
    position: absolute; 
    left: -20px; 
}