Javascript 延伸但不延伸的段落'；s父元素

我有一个站点，其中有一个“显示更多”按钮，该按钮连接到以下JQuery代码：

jQuery(function($){
$("#experience a").bind("click touchstart", function() {
    $("#experience p").css('display','block');
});
});

一些视觉辅助：

您看到的按钮将某些p标记的显示值更改为显示块

因此，p标签开始显示为

display:none和是给定的
style=“display:block；”


如您所见，文本延伸并向下推动整个部分

偶尔会发生这种情况：


我能看到的唯一问题可能是一些空的p标签，但这真的会导致文本的“自然容器”过度增长。
清除浮动，如果你有引导，使用clearfix类。那么到底是什么导致了这种奇怪的行为？