方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站制作、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的石景山网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
方法1：test{clear：both；} test为浮动元素的下一个兄弟元素 方法2：test{display：block；zoom：1；overflow：hidden；} test为浮动元素的父元素。
css清除浮动可以理解为打破横向排列。 清除浮动的关键字是clear，guan 方定义如下：语法：clear ： none | left | right | both 取值：none ： 默认值。
清除浮动方法： 使用带clear属性的空元素 在浮动元素后使用一个空元素如div class=clear/div，并在CSS中赋予.clear{clear：both；}属性即可清理浮动。
此时子元素因为float上浮，则父级元素的高度就会因为自身没设置而坍塌。
localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期。 当浏览器关闭时，sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的。
所以，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
localStorage（本地存储）和sessionStorage（会话存储）是HTML5的WebStorage提供的两种API，区别如下：localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。除非主动删除数据，否则数据永远不会消失。
Chrome 21清除localStorage，但是并不在当前选项卡的内存中清除。如果你切换选项卡或者是重启Chrome浏览器，则被清掉了，是从内存中也清掉了。这实际上是一个bug， Chrome 1259以及后续版本修正了这个问题。
h5新增localStorage和sessionStorage两种用于把数据存储在本地的方法，前者可以将数据永久保存在本地，可手动删除。后者只能在本次浏览器启动时存储有效，关闭浏览器之后存储的数据会自动清空。
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
重置画布宽与高，就会移除当前画布内容。运行结果：注意：该方法对图片填充的形状无效！该方法可以在画布上清理出一个矩形区域。语法： context.clearRect(x，y，width，height)；运行结果与上一例相同。
通过简单填充 使用一个新的背景色简单地填充整个画布，这样就可以清除当前内容 重置画布高度 当画布的宽或高被重置时，当前画布内容就会被移除。
原文地址：HTML5 Canvas 清除圆形、不规则区域 默认 Canvas Api 只提供了清除矩形区域的接口 clearRect()，但有时候需要清除圆形或其他特殊形状的区域。
浏览器支持 Internet Explorer Firefox、Opera、Chrome 以及 Safari 支持 clearRect() 方法。注释：Internet Explorer 8 或更早的浏览器不支持 canvas 元素。定义和用法 clearRect() 方法清空给定矩形内的指定像素。