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
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