html中的文档流与浮动

文档流：

当元素的宽度设置为auto时（默认为auto），此时指定内边距不会影响可见框的大小，而是自动修改宽度，以适应内边距。

浮动：

通过浮动可以使一个一个的块元素在一行排列起来，从而拼成完成的界面。
比如float:left就可以从左向右排列块元素。

在文档流中，子元素的宽度会默认占父元素的全部，当元素设置浮动后，会完全脱离文档流，高度和宽度都会被内容撑开。也就是说，内联元素脱离文档流之后，全部都是块元素，可以设置宽高之类的块元素样式。