填充沒有得到顯示

如果視口的寬度設置爲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

來源

2010-03-07 AspOnMyNet

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

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

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

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

來源

2010-03-07 20:19:21 Jage

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

填充沒有得到顯示

回答

相關問題