Question

css float 脱离文档流 行框

如w3cschool所说，浮动元素脱离了普通文档流，因此可能覆盖其他框，这里的框是指block？
而遇到行框则行内内容会包围浮动框。这样的话不是依旧在文档流中么，至少这时被预留了空间。这样还算是脱离了文档流？
另外，关于clear，clear是迫使父框视觉上包含浮动框。而此效果的解决办法还有就是使父框也浮动，另外如果直接使父框有固定宽高也会有同样作用。这三种方法有什么优劣区别么？觉得用固定宽高效果也一样。。只是有时如果不用border的话有些元素就错位了，不知道和这个问题有没有关系(顺便问一下)，border的作用除了可以给元素显示个边框，还有什么作用么？

Answer 1

建议你用firefox或者chrome开发工具看一下元素情况就明白了。你可以这样理解：当一个元素浮动之后其父元素没做任何操作时，可认为其父元素没有包裹住这个元素。当父元素没有设置宽高的时候站位仅是大约1px线的大小。因此就布局来说当然会影响到其他元素。清除浮动的办法很多，父元素不设置宽高overflow:hidden;也可以解决清楚浮动的问题。关于border你可以利用多个元素的border以及元素的margin，position等等来绘制一些规则的图形。

Answer 2

框就是一个盒子，比如一个div。
使用float和position后就脱离文档流了。
clear是用来清楚浮动的

Answer 3

使用float脱离文档流时，其他盒子在布局时会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围，更准确地一点说，是一个元素脱离文档流之后，其他的元素在定位的时候会当做没看见它，两者位置重叠是可以的，脱离文档流不是指该元素从dom树中脱离，用浏览器的审查元素就可以看到脱离文档流的元素（例如被float了）依然会出现在dom树里，总的来说，float脱离文档流只是在布局上脱离文档流，在内容上还是存在的，与之不同的是据对定位无论是内容还是布局都会被其他元素无视