.clear方法解决网页自适应高度的问题
在制作网页的过程中，自适应问题是经常遇到，而又最让人头疼的，看了好多种解决的方法，但是都不是万能的。今天遇到这个问题，实在让我挠头，借鉴了 Shark的方法，又给了我一个新思路。当时没仔细看LBS的样式表，今天才发现，.clear用的就是这个方法。接下来，我会做个关于自适应高度问题的汇总，以便今后遇到问题时候更快解决。
为了解决浮动元素引起父元素无法获得高度的问题，我们一般在子元素的最后加上一个Spacer Div（clear:both）。但是IE和Mozilla对div的解释不同引起一些表现上的差异。
最简单的Spacer：
.HackBox{clear:both;}
IE可以正确地产生预期的效果，但是在Mozilla中不起作用。所以现在很多人是这么用的
.HackBox{ height:0; clear:both;}
然后XHTML中加入一个 ；，如下：
这回IE和Mozilla都起作用了，但是IE并不认 height:0; 这个规则，结果IE中的这个Spacer Div就占了一定的高度，影响布局。
经过N次实验，我发现用下面的方法能比较完美的解决这个问题。[ 查看全文 ]
2016-02-19
标签:
