2014-03-05 55 views
0

對於我的主頁,我有一個背景設置爲width: 80%;,然後對齊到中心。身體在背景上溢出

主頁: homepage

爲此,我使用了下面的代碼:

<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000"> 

現在,當我縮放瀏覽器的大小,它是這樣的:

image 2

我怎樣才能阻止這從哈哈ppening?

+6

我們不能經常從圖像中診斷。請提供您的CSS和HTML。理想情況下,一個JSFiddle或最壞的情況下,一個實時鏈接也會有所幫助。 –

回答

0

由於您使用的百分比也將隨時調整到你的屏幕,所以當你有1024像素的屏幕寬度這將是80%,但如果將其調整到700像素,則會達到80%。

您是否在其他元素上使用百分比?使用它們不是一個壞習慣,只有你應該在一個固定寬度的元素中使用它們來防止這樣的東西。

0

定義只是你bodymin-width

body{ 
min-width:1000px; // width of you main container 
} 
1
body{ 
width:80%; 
margin:0 auto; 
} 
+0

不,它不工作PLZ ..給我另一個建議,或者如果你有類似的代碼PLZ。分享我的 –