内联块元素被推送到下一行

Question

我正在构建一个WordPress主题(WP SE告诉我这里提出这个问题),但我的页脚小部件区域有问题.除了Recent Posts小部件之外,所有小部件似乎都使用我的CSS正确布局.它似乎使前一个元素的边距加倍.

小部件的大小为其容器的33%.我给每行的三个小部件中的前两个右边距为0.5%(33*3 + 0.5*2 = 100)并使用第n个子选择器给每个第三个小部件0正确填充.

对于大多数小部件而言,这可以很好地工作,就像您可以在实时网站的第一行中看到的那样.在第二行,我将Recent Posts小部件作为第二个元素包含在内.这会在前一个元素的右侧引入额外的边距.

您可以看到Chrome开发工具无法计算此额外的保证金.我在这些截图中突出显示了它和前面的元素以显示它们的边距.

前面的小部件http://dl.dropboxusercontent.com/s/2l6dui7f0zrg9ru/2013-07-11%20at%208.49%20AM.png 最近的帖子小部件http://dl.dropboxusercontent.com/s/s3okkwwgjma4y09/2013-07- 11%20原子%208.59%20 AM.png

任何人都可以告诉我,我可能需要做些什么来纠正这个问题？这会将最近帖子小部件之后的小部件推送到下一行,并且会造成很大的混乱.

如果您想查看问题,请访问http://www.kellyshipe.com/.您还会看到上面的行对于不同的小部件是完美的.

Answer 1

您需要在关闭部分标记和下面的开始部分标记之间删除html中的空白区域(删除它或将其注释掉).

</section>      <section id="recent-posts-2" class="widget widget_recent_entries">