css浮动及定位

p元素不能直接嵌套怕元素，可以在p元素里面嵌套span元素
父子选择器
div>span{}

盒模型的水平居中：margin：0 auto;

盒模型的组成部分
margin-left
border-left
padding-left
content
padding-right
border-right
margin-right
margin-left+border-left+padding-left+width+padding-right++margin-right+border-right=其父元素的内容的宽度（必须成立）

等式不成立的情况
1.七个值中，如果没有auto的值，默认去改变margin-right的值使等式成立
2.七个值中有auto的情，默认调整auto的值使等式成立：
1）margin-left
2）width
3)margin-righr
4)当width为auto时，子元素占全部，width的默认值为auto
5)margin-left为auto时，默认值为0
6）当margin-right为auto时，默认值为0
7）可以通过auto设置元素水平居中
width：xxxpx；
margin：0 auto；


css浮动
float（）none：元素不浮动  left：向左浮动  right：向右有浮动

浮动元素的特性