css - 布局在 float 元素周围显示意外边框

Question

fiddle

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

为什么 .sample-section 的边框会影响这一大片区域，其中包括包含在前一个元素中的 float 元素？

编辑(解决方案):

所以，为了以后的访问者，我将总结我今天在这里学到的东西

HTML 中的空格可能导致元素出现意外行为:

• With whitespaces

• Without them

CSS 属性 display: inline-block 可以替代 float

• inline-block
• Float (works with whitespaces, for some reason)

Answer 1

将 display: inline-block; 给 .features-section 而不是 float:left

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