相关疑难解决方法(0)

如果你看一下CSS盒子模型规范,你会看到以下内容:

[margin]百分比是根据生成的框的包含块的宽度计算的.请注意,对于"margin-top"和"margin-bottom"也是如此.如果包含块的宽度取决于此元素,则在CSS 2.1中未定义结果布局. (强调我的)

这确实是事实.但为什么呢？究竟是什么迫使任何人以这种方式设计它？你可以很容易地想到你想要的场景,比如某个东西总是从页面顶部降低25%,但是很难想出为什么你想要垂直填充相对于水平大小的父母.

这是我所指的现象的一个例子:

<div style="border: 1px solid red; margin: 0; padding: 0; width: 200px; height: 800px;">
  This div is 200x800.
  <div style="border: 1px solid blue; margin: 10% 0 0 10%;">
    This div has top-margin of 10% and left-margin of 10% with respect to its parent.
  </div>
</div>

http://jsfiddle.net/8JDYD/

我有这个代码,但因为我使用"" a.innerheight不会被它的值取代.是否有可能使这种动态？

a.style.webkitTransform = "translate(0,a.innerHeight)"