元素竖向的百分比设置是相对容器的高度吗？
不是，一般是根据宽度来的，像padding-top,padding-bottom
因为高度百分比的话CSS没办法处理，比如子元素的高度设置为200%，那父元素是不是被撑开了，然后父元素变化了，子元素的200%是不是相对又变化了，所以会造成一个死循环，在CSS里面是没办法处理高度百分比的，高度都是auto。
如果想要实现等比例的盒子模型，可以通过上面的padding-top,padding-bottom属性来实现。
-
问题内容： 怎样获得用CSS规则设置的元素CSS属性（例如width / height）（以百分比设置）（例如，百分比/ em / px）？（在Google Chrome浏览器中，最好是无框架的）。 using getComputedStyle返回当前值（以像素为单位），css()jQuery中也是如此。 例如： div在此示例中迭代所有元素时，我希望能够获得第二个divs的宽度50%（和第一个的
-
如何根据具有绝对位置的子元素高度增加具有相对位置的父元素的高度。 在下面的例子中，父元素的高度显示为0px PS：我不想使用任何脚本 预期： 我得到的是： JSFIDLE 超文本标记语言： CSS:
-
问题内容： 我一直在绞尽脑汁使用以下命令在CSS中创建垂直对齐方式 尽管这似乎适用于这种情况，但令我感到惊讶的是，当我增加或减小基本div的宽度时，垂直对齐方式会对齐。我期望当我设置padding- top属性时，会将填充值作为父容器高度的百分比（在我们的示例中为基数），但是上述50％的值是按宽度。:( 有没有一种方法可以将填充和/或边距设置为高度的百分比，而无需使用JavaScript？ 问题答
-
问题内容： 假设我的div的宽度为正文的50％。如何使其高度等于该值？因此，当浏览器窗口的宽度为1000px时，div的高度和宽度均为500px。 问题答案： 这可以通过CSS hack完成（请参见其他答案），但是也可以使用JavaScript轻松完成。 将div的宽度设置为（例如）50％，使用JavaScript检查其宽度，然后相应地设置高度。这是使用jQuery的代码示例： 如果希望框随着浏览
-
问题内容： 我正在尝试使用HTML和CSS创建水平100％堆叠的条形图。我想根据背景颜色和百分比宽度创建条形，具体取决于要绘制的值。我还希望有一条网格线来标记沿图的任意位置。 在实验中，我已经通过指定CSS属性来将条形图水平堆叠。但是，我想避免这种情况，因为它确实以混乱的方式使布局混乱。此外，当条形图浮动时，网格线似乎不太好用。 我认为CSS定位应该可以处理此问题，但我还不知道该怎么做。我希望能够
-
问题内容： 在PhantomJS中进行测试时如何设置元素高度？ 我正在使用Jasmine框架在Karma上进行测试，并在PhantomJS无头浏览器上运行。我正在尝试测试与“无限滚动”（当用户滚动到容器元素底部附近时自动加载项目）有关的AngularJS指令。我 不 使用jQuery，也不希望（除非没有其他方法）。我正在使用 .clientHeight ， .scrollTop 和 .scroll