HTML標題在左側有不必要的填充

Question

我有一個標題，其中包含兩個隨時間一起移動的圖像。我遇到的問題是左側的圖像在大屏幕上看起來不錯，但隨着左側圖像的寬度開始從屏幕上消失。我已經嘗試了-webkit-padding-start代碼無濟於事，請任何幫助。我在我的頭的代碼是

<div class="container"> 
<div class="row" id="countdown-header"> 
    <div class="pull-left" style="overflow: hidden;" id="width-left"> 
     <img align="right" id="steve-header"> 
    </div> 
    <div class="pull-right" style="overflow: hidden;" id="width-right"> 
     <img align="left" id="lisa-header"> 
    </div> 
    <div id="width-id" class="display-center text-countdown"> 
     <span id="days"></span><br> 
     <span id="hours"></span><br> 
     <span id="minutes"></span> 
    </div> 
</div><!-- end of row --> 

謝謝

Answer 1

好原來的背景大小屬性是導致我的問題。在每張圖片（左側和右側）上，CSS中的媒體查詢的背景大小爲80％，然後爲40％。

一旦我刪除它們並重新調整圖像大小，一切都很好。

謝謝你的時間。