浮动总结 - 草稿

  浮动就是用于创建浮动框，将其移到一边，直到父级盒子左边缘或者右边缘触及包含块或者另一个浮动框 

        浮动的特点：

元素浮动后不占有原来位置，脱标，可以设置多个块级元素在一行显示顶端对齐，不会有缝隙，超出父亲盒子就会自动换行

        浮动的元素会紧贴同方向的一个浮动元素，浮动的元素只能影响下面的元素，不能影响上面的标准流的盒子元素浮动后特殊的效果

        一行可以显示多个（都浮动）

        块级元素浮动后，不会默认父级宽度了，默认宽高为0，内容可以撑开

        行内元素浮动后，可以设置宽高了

        浮动的元素可以让元素内部text-align：center，目前自身不能居中其他不影响未box-sizing时input加边框是在外面，按钮是在内部

        关于页面布局要功能模块化

        扩展块级元素不是独占浏览器一行，而是占父元素

    浮动和行内块的区别：对齐，无缝隙

文字和浮动的元素，行内块元素行内元素都会有文字环绕效果，这也是浮动最初的本意，父亲的内边距会影响浮动的效果，浮动比行内块元素对齐方式好而且浮动是顶端对齐