html - フロート、css での変換

Question

この Fiddle を参照してください - http://jsfiddle.net/joshnh/73g7t/
その中のいくつかについて明確ではありません。

1. DIV はブロック レベルの要素です (したがって、改行で開始および終了します)。では、なぜ div が並んで配置されているのでしょうか。float はブロック レベル要素の改行を削除しますか?
2. の定義では.wrapper div、rotate - のコードtransform: rotate(15deg);が既に存在します。では、なぜ別のものがあるのtransform: rotateです.wrapper .translate か？.wrapper .transform-origin

Answer 1

1. CSS仕様は、これがなぜなのかを説明しています。改行ではありませんが、 s のブロック整形コンテキストが再開されfloatます。
2. .wrapper .translateルールを上書きしtransformます。を指定しない場合rotate、ローテーションは発生しません: http://jsfiddle.net/73g7t/304/ --transform-originは別のルールです。