1.什么是文档流
一个html文件就是一个文档流。所有元素默认都处于文档流中
在文档流中块元素独占一行,可以设定内容区大小(width,height)
当wdith设置为auto自动时,他将占据整个父元素的宽度。
当将heigh设置为自动是,他的高度有他的子元素的高度撑开
在文档流中内联元素,不能设置内容区的大小(width,height)他的大小由他的子元素的内容撑开。
2.float 浮动
浮动指的是,使得原来处于文档流中的内容脱离文档流。
这是脱离了文档流。那么浮动的元素,将不占据文档流的位置。而其他元素则可以占据他的位置了
注意:浮动一般都是向右上方或者左上方浮动。浮动的位置最多到父元素的边框。除非他浮动前他的前面已经有了一个 浮动元素
浮动元素的浮动如果他的上方有一个未浮动的块元素元素,那么这个浮动元素的位置不会到为浮动块元素的那一层去
浮动只会一个接着一个浮动。弟弟元素不会浮动到哥哥元素的上层。只可能并排浮动
当块元素浮动以后不在独占一行。
当内联元素浮动以后,内联元素可以设置宽和高。也就是说浮动了的元素,只有块元素没有内联元素。