我正在构建一个WordPress主题（WP SE告诉我这里提出这个问题），但我的页脚小部件区域有问题。除了Recent Posts小部件之外，所有小部件似乎都使用我的CSS正确布局。它似乎使前一个元素的边距加倍。
小部件的大小为其容器的33％。我给每行的三个小部件中的前两个右边距为0.5％（33 * 3 + 0.5 * 2 = 100）并使用第n个子选择器给每个第三个小部件0正确填充。
这对于大多数小部件都很有效，正如您可以在实际网站的第一行中看到的那样。在第二行，我将Recent Posts小部件作为第二个元素包含在内。这会在前一个元素的右边引入额外的边距。
您可以看到Chrome开发者工具无法计算此额外的保证金。我在这些截图中突出显示了它和前面的元素以显示它们的边距。
Preceding widget http://dl.dropboxusercontent.com/s/2l6dui7f0zrg9ru/2013-07-11%20at%208.49%20AM.png Recent Posts widget http://dl.dropboxusercontent.com/s/s3okkwwgjma4y09/2013-07-11%20at%208.59%20AM.png
有谁能告诉我可能需要做些什么来纠正这个问题？这会将最近帖子小部件之后的小部件推送到下一行并造成大麻烦。
如果您想查看问题，请转到http://www.kellyshipe.com/。您还会看到上面的行对于不同的小部件是完美的。
答案 0 :(得分：5)
你需要在下面的结束部分标签和开头部分标签之间删除html中的空白区域（删除它或将其注释掉）。
</section> <section id="recent-posts-2" class="widget widget_recent_entries">
答案 1 :(得分：3)
inline formatting context中的元素会占用回车符和HTML中的空格。您可以简单地删除空白区域（对于内联块中的任何元素，例如.widget），或者您也可以浮动小部件，这样您就不需要弄乱标记了。