Html 什么；垫底：1px&引用；对于CSS圆角框？

我有这些HTML\CSS用于一个简单的圆框。 它工作得很好，但我不明白为什么要把“paddingbottom:1px；”作为“box”。 我能看出有这个填充物和没有这个填充物的区别。 只是不明白为什么会这样。在铬合金中，底部的空间明显大于1px

图片是否比较差异，代码是否正确

 <div class="box">
 <h2>Lorem Ipsum</h2>
 <p>Lorem ipsum dolor sit amet, sapien.</p>
 </div>




.box {width: 348px; 
      background: #FF9 url(images/bottom.png) no-repeat left bottom;
      padding-bottom: 1px;}
.box h2 {background: url(images/top.png) no-repeat left top;
         margin-top: 0;
         padding: 20px 20px 0 20px;}

乱数假文
罗勒姆·伊普苏姆·多洛·希特·阿梅特，萨皮安

.box{宽度：348px；
背景：#ff9url（images/bottom.png）不重复左下角；
填充底部：1px；}
.box h2{背景：url（images/top.png）不重复左上方；
边际上限：0；
填充：20px 20px 0 20px；}

---

非常感谢~

您的

的

页边距底部已添加到
框的
填充中。所以你看不到1px而是1px+10px

.box p  {margin-bottom:0}

填充可避免边距折叠：


两个边距相邻当且仅当[…]没有填充[…]分隔它们时

没有它，它就像底部边距在
.box
上一样