从零开始的自学之路——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;
        }
复制代码

                                  

转载于:https://juejin.im/post/5ce3f3f36fb9a07ecd3d3153