Question

如果视口的宽度设置为1024px，并且我创建了以下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，但右侧的填充等于零像素？

这种行为的原因是什么？是因为只有文本可以剪辑（并在滚动条的帮助下查看），而如果剪裁填充，那么它根本不会被渲染？

感谢名单

Answer 1

填充在浏览器上可能会有问题。有些人推动元素的边缘，而其他人推动内容（这是我怀疑你期待的）。通过设置边距以达到相同的效果，您将有更轻松的时间。

填充不会显示

1 个答案: