$(".pClassName").css("height",$(document).height());

这样可以定义某个p的高度跟页面大小一致，如果用js，注意以下问题:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

子元素的p高度，按百分比设置，会根据父元素的高度自动调整。
如果还是变化太大，可以通过@media screen and (max-width:1000px) {} 这样的方法给不同范围的写不同的样式

一个就是和楼上说的一样设置一个min-height 还有一个可以适应不同大小屏幕的方法:在页面加载时用js获取当前body的高度，然后根据你的需要，设置p高度为body高度的百分之几，这样不管屏幕分辨率大小是多少，看起来比例都会是一样的。

用绝对定位即可。

.main-nav { heigth: 80px; }
.content {position: absolute; top: 90px; bottom: 0; }

min-height

1. 可以设定一个最小高度来撑起空白区域的内容高度，如min-height:300px;，

2. 但是min-height属性在IE6下不被支持，不过通过处理可以获得支持，代码如下

min-height:300px;
height:auto !important;
height:300px;

@screen

最小高度可以用，但是未必可以保持最好的显示效果，还是建议采用js来识别当前页面高度的方法用比例设置高度

可以试一下：min-height

楼主可以包裹这段文字加一个margin-bottom试试

给p一个min-height属性，可以使其在最大屏时，仍能保持一定高度。