css float浮动样式&文档流

1.什么是文档流

    一个html文件就是一个文档流。所有元素默认都处于文档流中

    在文档流中块元素独占一行，可以设定内容区大小（width，height）

            当wdith设置为auto自动时，他将占据整个父元素的宽度。

            当将heigh设置为自动是，他的高度有他的子元素的高度撑开

   在文档流中内联元素，不能设置内容区的大小（width，height）他的大小由他的子元素的内容撑开。

2.float 浮动

    浮动指的是，使得原来处于文档流中的内容脱离文档流。

        这是脱离了文档流。那么浮动的元素，将不占据文档流的位置。而其他元素则可以占据他的位置了

      注意：浮动一般都是向右上方或者左上方浮动。浮动的位置最多到父元素的边框。除非他浮动前他的前面已经有了一个                        浮动元素

                浮动元素的浮动如果他的上方有一个未浮动的块元素元素，那么这个浮动元素的位置不会到为浮动块元素的那一层去

                浮动只会一个接着一个浮动。弟弟元素不会浮动到哥哥元素的上层。只可能并排浮动

                当块元素浮动以后不在独占一行。

                当内联元素浮动以后，内联元素可以设置宽和高。也就是说浮动了的元素，只有块元素没有内联元素。