填充没有得到显示

如果视口的宽度设置为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

填充没有得到显示

回答

相关问题