网上很流行的一行代码，据说是谷歌工程师写的，它的作用是给页面所有元素增加一个随机颜色的外边框。js这个代码虽然只有一行，但是包含的知识点不少，网上有很多解析。我也说下自己的理解，然后最后推荐在实务中使用TreeWalker对象进行遍历。我的理解其中主要包含如下4个知识点：1.div元素实际的宽高还是100100，如果把outline改成border，

DIV层内的元素在使用了float属性后无法自动改变高度的解决办法：有的时候为了让外侧层根据内容自动调整，没有设置高度或宽度，一般都会正常显示。但如果层内元素使用了float属性，就会使那些元素脱离文件流，就无法再扩充容器层，就会导致外层大小无法根据内容自动调整。关于这个问题，总结出以几种在当下几种主流浏览器都兼容的方法，供大家参考。1.清除浮动在层

1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代码：clear:both。此方法的弊端在于增加了无意义的结构元素。2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用