昨天忘记把自己的实践经验写上来了，今天补上吧。
昨天有个同学学习布局问到一个问题，就是左边导航条根据中间的内容增长而高度变长，当内容的高度没有超过屏幕的高度时候，也就是没有滚动条的时候，左边导航条的高度因该填充整个高度。
解决办法：当我那个遇到同学问我这个问题的时候，已经是准备睡午觉了，然后自己说想了下明天给答复，我大概想了下，首先解决问题的方法可以有让高度自适应，就是右边的内容增长，左边的高度条也是会变长，但是这样子会出现两个问题：第一个问题，就是自适应的时候，右边的内容并不是很多的情况下，左边的导航条并没有填充屏幕的整个高度，然后就试着把左边的导航条的高度给写死了，就是直接充满屏幕的高度，但是这样子的话，当右边的内容很多的时候并出现滚动条的时候，左边的导航条并没有跟着变长，除了这两个问题，最大的问题就是实现这种自适应高度的效果要求一个div里面嵌套一个div,这样子的话不符合现在很多的布局，我那个同学也是浮动布局的，左边的导航条div和右边的内容div是分开的。
最后，我想到了两个字，就是“动态”，我知道了，很了jquery来写，用了七行代码就可以完成了。
贴上代码如下：
<script type="text/javascript">
$(document).ready(function(){
var he=$(window).height(); //获取窗口需要的高度
var el=$("#main").height(); //获取当前右边内容的高度
if(he>el) //如果右边的内容高度并没有超过窗口的高度，也就是说并没有产生滚动条的话
{
$(".sidebar1").height(he); //填充左边导航条的高度至整个屏幕的高度
}
else{
$(".sidebar1").height(el); //否则的话把右边的内容高度设置成左边导航条的高度，也就是设为同高
$("#all").height(el); //这句话是我为了让整个页面缩小比列后不会造成变形，这是后面讨论的第二个问题
}
})
</script>
好了，刚解决问题的那个同学又来问了，当窗口缩小的时候，整个页面的布局直接乱了，都变了一个样
当他问我这个问题的时候，我想起了一个月前，隔壁组整个项目的页面也是遇到了这个问题，当时他们没有解决，直接无视了，造成了一个系统的大bug，其实并不难
首先，最简单直接的解决方法就是：直接给整个页面放一个div,用整个页面的高度和长度直接写死括住，它就不会进行变形了，如果长度和高度都是会跟着内容不断变化的话，就是用上面题提到的方法进行动态改变就行的了
第二种解决方法就是：直接把所有的div的高度和长度给一个具体的字，不要用百分比来写就行的了，因为按窗口比列缩小的时候，整个页面的框架布局也会根据窗口的比列大小缩小而进行缩小，所以这个时候浮动的规格就会进行改变了，就算是浮动，当一行满了，它也要轮到下一行进行浮动的，所以整个就变形了
好了，这就是昨天回答别人的两个小问题