2010-03-07 108 views
0

如果視口的寬度設置爲1,024像素,如果我創建以下的HTML文檔:填充沒有得到顯示

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
    <style type="text/css"> 
     p 
     { 
      background-color:blue; 
      padding:0px 250px; 
      margin:0px 250px; 
      overflow:scroll; 
     } 
    </style> 
</head> 
<body> 
     <p> 
       aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
     </p> 
    </body> 
</html> 

那麼我預計(由於p元素提供水平滾動條)填充在p元素的兩側仍然是250px的大小。 雖然p元素左側的填充仍然是250px,但右側填充等於零像素?

這種行爲的原因是什麼?這是因爲只有文本可以被剪切(並通過滾動條來查看),而如果填充被剪切,那麼它就不會被渲染?

thanx

+1

FWIW,它在Chrome中具有「右」填充。 – harpo 2010-03-07 20:14:32

+0

正確的填充似乎在IE 8和FireFox 3.5.8 – contactmatt 2010-03-08 06:15:02

+0

正在使用的Firefox 3.5.8和正確的填充不起作用 – AspOnMyNet 2010-03-08 18:01:41

回答

0

填充在瀏覽器上可能會出現問題。有些人推動元素的邊緣,而另一些人推動內容(這是我懷疑你期望的)。通過設置邊距可以達到相同的效果,您可以更輕鬆地進行操作。

+0

我從來沒有見過填充行爲作爲任何瀏覽器的邊緣,你有一個例子? – 2010-03-07 20:41:09