从零开始的自学之路——float浮动

    <div class="box"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <p>我是一个设置了浮动的P</p>

float 设置元素是否浮动,默认none没有浮动,没有继承.

可选值：

• left:向左浮动

div{
            float: left;
        }

• right:向右浮动

p{
            float: right;
        }

• 设置浮动后立即脱离文档流,影响文档流页面布局,盖住下方文档流

• 不超过父元素的边框
  

• 浮动元素上方是一个没有浮动的块元素,则不会超过块元素

• 浮动元素不会超过其上边的兄弟元素

• 浮动的元素,不会盖住文字
  

• 块元素脱离文档流之后,高度和宽度被块元素撑开
  

• 内联元素浮动之后可以设置宽高

 p{
        float: right;
	width: 200px;
	height: 200px;
	background-color: #A52A2A;
        }