解决浮动非IE不适应高度

今天在网上乱逛，无意中看到苹果发布了 Windows 版的 Safari 浏览器，于是下载下来看了看，感觉不错，浏览网站的速度似乎快了点，顺便看了下自己的网站，首页都能正常显示，但博客主要内容区却都显示成红色背景了，极度难看，找了一下发现是主内容区由一个大的 DIV 嵌套，左栏和右内容区分别是在两边浮动，在 IE 下正常，但是非 IE 浏览器下主内容区嵌套的大 DIV 就无法适应内部浮动元素的高度了，以前用 FF 浏览过也有此问题，但是没怎么顾，于是 Google 搜了一下，最后用了最简单的方法解决了。

方法就是在两个浮动元素后加一个 DIV，给 clear:both; CSS 属性，这样主嵌套 DIV 就会被强制自适应高度了，如下。