jquery 设置<p>的高度百分比

问题描述

//这样设为为何没有效果呢？ 设置高度使用 50% 出现问题 $(".btn1").click(function(){ $("p").height("50%"); });//这个是有效果的 $(".btn2").click(function(){ $("p").height("20em"); });//设置宽度是没有问题的。一切正常 $(".btn1").click(function(){ $("p").width("50%"); }); $(".btn2").click(function(){ $("p").width("20em"); });<p id="testP" style="border: 1px solid red;background-color: yellow;"> 宽度测试例子 </p> <button class="btn1">把高度设置为 50%</button> <button class="btn2">把高度设置为 20 em</button>

解决方案

<p>父节点没有给height 尺寸。