父DIV不能适应子DIV高度的解决办法

在网站使用CSS布局时，经常会碰到这个问题，由于左侧边栏层（sidebar)和右侧主栏层(mainbody)内容(这两个层同属于主页面层pagebody的子层，其还有一个head层）长短往往差距悬殊，每个页面内容长短又不一样，所以导致最下边的footer层无法准确的定位，即使设置了pagebody层的height: auto属性也无效，这个问题着实让我头痛了很长一段时间，现在终于找到了解决的办法。

经常使用嵌套DIV时,发现父div的高度不随子div高度变化,即使设置了高度100%或auto也没有效果,其实可以通过在层下面增加一个1象素高度的层来解决

嵌套DIV：
父DIV的高度不能根据子DIV自动变化的解决方案 
<div id="parent">
   <div id="content"> </div>
</div>

当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 

<div id="parent"> 
  <div id="content"></div> 
  <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!--here-->
</div> 

在层的最下方产生一个高度为1的空格，可解除这个问题