css - フローティング要素の周囲に予期しない境界線が表示されるレイアウト

Question

フィドル

http://jsfiddle.net/cZH7F/1/

.sample-sectionの境界線が、前の要素に囲まれた浮動要素を含むこの大きな領域に影響を与えるのはなぜですか?

編集（解決策）：

したがって、将来の訪問者のために、今日ここで学んだことを要約します

can 要素の空白は、HTML予期しない動作を引き起こします。

• 空白あり

• 彼らがいなければ

CSS プロパティdisplay: inline-blockは、float

• インラインブロック
• フロート (何らかの理由で空白で動作します)

Answer 1

display: inline-block;の.features-section代わりに与えるfloat:left

.features-section{
   display: inline-block; /* remove float: left */
   --------
}