在前面一篇博文中提到，float的子div撑不起父div的高度，其实这句话是有瑕疵的！准确的讲：float的子div脱离了父亲div的流，
<html>
<head></head>
<body>
<div>
<div style="float:left">qwqeqwoe最外层的div 的width为1294px, height为0, 分析如下：
里面的子div使用float后导致上面的结果，可见当里面的子div使用float后，子div的宽度不是显示为浏览器的宽度，而是由div里面的内容决定，不会占用一行，第二个使用了float的子div不会显示为新的一行，第三个没有使用float的子div把前面两个同级的div看做透明的一ewrvsffffffffffffffffffffffffffffffffffffffcccccccccccccccccccccccccccccccvbdfbbbbbdsqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqfref4444444555555555555555555555555555555555555555555555555555555555555555552311111111111111111111777777777777</div>
<div>输入 netstat -ano|findstr “8080” 找到占用该端口的进程PID ，本机为 3864输入 tasklist|findstr 3864 获取占用程序名称，我的电脑为ApplicationWebServertaskkill /f /t /im ApplicationWebServer.exe 还有一种简便方法就是：
在执行上面1所述的步骤后，输入taskkill /F /PID 3864 ,这样就可以解决端口被占用的问题</div>
<div>
</body>
</html>
在浏览器调试模式下对没有float的兄弟div（例子中，前面两个div已经具有float属性）查看它的width和height，发现这个未float的div与父亲div的高度一致，并且把前面两个float掉的兄弟div的height算进来了！,所以说那个浮动的div还是增加了父亲div的height, 只不过从下面的图片来看，
如下图所示，这个未float的div占了便宜，功劳都独自一个人得了！
Note
上面的例子是极端的例子，有转牛角尖的意味，一般而言，浮动的div或其他元素最好设置width,如果内容比较多，则需要通过css设置word-break或者是word-wrap等来进行换行
总结：
1. div布局方面：写div应该自下而上，不要先考虑父亲div，角度：放这些内容，应该用一个div
2497
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
