小编mqp*_*mqp的帖子

如果你看一下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/

我陷入了一个简单但令人烦恼的基本几何问题。太糟糕了，我不记得我高中时的坐标几何并寻求帮助。

我的问题如下图所示：一个矩形旋转、缩放并扭曲成平行四边形 http://img248.imageshack.us/img248/8011/transform.png

我正在努力将坐标从矩形转换为调整大小的平行四边形。任何提示、指针和/或代码示例都会很棒！

谢谢，M。