1.? 元素定位

1.1 Float

Float：内容不会覆盖

1.?? F子块内容脱离父块，故父块高度变小

2.?? F子块左、右浮动，F子块的宽度变小

??? a)?? 父块的padding-left+F块的margin-left

3.?? N子块上移，且内容环绕F子块，

??? a)?? N子块边框、背景色撑满父块，但内容不会和F块重叠，而是环绕

??? b)?? N子块内容保持着F块设置的margin

??? c)?? 给N子块也设Float则N子块不再环绕F子块，会并排向父块浮动靠近

4.?? 应用：首字放大、图文环绕

5.?? 如果没有父块，则把Body想象为父块

注：

父块（N子块、N子块）=》父块（F子块、N子块）=》父块（F子块、F子块）

=》父块（F子块、N子块、N子块）=》父块（F子块、F子块、N子块）

1.2 Position

Position取值：内容会覆盖

1.?? Static默认值，块保持在应该在的位置上，没有任何移动效果

2.?? Absolute绝对位置（相对BODY）