爲什麼HTML元素佔用的空間比應該多得多？

Question

我在使用CSS放置的頁面上有一點點文字。

這是div類：

<div id="alpha"> 
Alpha 
</div> 

這是我使用來定位它的CSS：

#alpha { 
    position: relative; 
    bottom: 72px; 
    left: 50px; 
} 

的問題是，CSS導致整個頁寬。在該代碼之前，您無法在瀏覽器中水平滾動。現在我添加了CSS（並且我已將它隔離到特定的CSS），瀏覽器允許向右滾動，就好像有一些不可見的圖像一直向右突出。

任何想法？

Answer 1

一個div是塊元素;寬度將是整個頁面寬度，除非您給它一個寬度。

下面是一個例子fiddle

鏈接JS小提琴必須用代碼陪同。這是一個代碼塊。 <code>hoot</code>

Answer 2

嘗試這個代替：

#alpha { 
    margin-bottom: 72px; 
    margin-left: 50px; 
} 

Answer 3

嘗試將overflow: hidden添加到您的body風格。

div是100％寬，所以當你將它移動到右邊時，它不再適合窗口，這就是爲什麼你需要滾動條。