浮动，转换为css

Question

请看这个小提琴 - http://jsfiddle.net/joshnh/73g7t/
我不清楚其中的一些事情。

1. DIV是一个块级元素（所以它以换行符开始和结束）。那为什么divs并排放置？ float会删除块级元素的换行符吗？
2. 在.wrapper div的定义中，旋转代码 - transform: rotate(15deg);已经存在。那么为什么transform: rotate BUT 中的另一个.wrapper .translate不在.wrapper .transform-origin

Answer 1

1. CSS spec解释了为什么会这样。这不是换行符，但float已重新启动block formatting context。
2. .wrapper .translate会覆盖transform规则。如果未指定rotate，则不会轮换：http://jsfiddle.net/73g7t/304/ - transform-origin是一个单独的规则。