2015-07-10 47 views
-1

我一直在試圖找出這個問題的年齡。我的徽標位於瀏覽器的左側,每當我嘗試調整瀏覽器大小時,都會將其切斷。它不會讓我滾動到左邊。這也發生在我也有位於左側的頁腳圖像上。當我調整屏幕大小時,我的標誌不斷被切斷

正如你所看到的,你看不到圖像,但即使對圖像的描述被切斷了。 https://jsfiddle.net/2bfdyxat/

這裏是全屏版本,看起來不錯。 https://jsfiddle.net/2bfdyxat/embedded/result/

感謝您的幫助!

 <div id="header"> 
    <p id="logo"><img src="images/logo.png" alt="Bethan Rainforth a comedic dancer" > 
    </p> 
    </div> 

    html, 
    body { 
    background-image: url(images/background.png); 
    width: 98Hi, 9px; 
    margin: 0 auto; 
    min-height: 100%; 
    } 
    #header { 
    margin-top: 40px; 
    } 

    #logo img { 
    width: 320px; 
    margin-top: -60px; 
    margin-left: -50px; 
    } 
+0

爲什麼你給利潤率左?只是刪除它 –

回答

3

刪除負餘量左。這是你的問題。

margin-left: 0; 

看到這個:

https://jsfiddle.net/2bfdyxat/1/

+0

這是令人沮喪的簡單。非常感謝。 – gwerd

+0

也許,刪除餘量會導致您的實際佈局出現問題。我建議你分析一下你的完美結構,以避免文檔邊緣出現負值。 –

+0

如果這解決了您的問題,請接受此類似正確答案(投票) –

相關問題