高度自适应问题

1.线上产品，给你地址加IP，要修改host文件，把对应的IP和域名添加上
2.关于浮动问题
3.关于切图问题
4.第一次找bug问题，你在本地看着好好地，为何走到线上不行了呢，样式全乱了，由于后台把全部的css样式所有引入了进去，因此才会这样子
5.关于高度自适应问题，就是页面不是静态的，信息是动态从数据库获取的，因此高度不能写死，你要自适应
6.还有浮动问题，必定要理解好

解决高度自适应问题

1.有些时候，咱们但愿容器有一个固定高度，但当其中的内容多的时候，又但愿高度可以自适应，也即容器在纵向能被撑开，且若是有背景，也可以自适应。在通常状况下，使用min-height便可解决。可是广大网民的首选浏览器ie6并不支持min-height。ie7,opera,火狐没有问题。因此采用如下写法能够解决兼容性：

height:auto!important; 
height:200px; 
min-height:200px;

2.不少朋友反映用上面的方法后，在有些时候依然没法解决容器没法撑开自适应的问题。那必定是有容器嵌套的状况下，而子容器又是浮动的。例如

• 内容1
• 内容1

其中class为fuqin的div有浮动的li，当li比较多的时候，即使是div设置的是最小高度，也没法被撑开。

缘由就在于做为子容器的li是浮动的即 。在这种状况下，即使是li的内容超过了div的高度，div也没法撑开。

解决方法以下：
在浮动的容器后面，父容器结束以前加入一个div

<div class="fuqin"><ul><li>内容1</li><li>内容1</li&gt;</ul><div class="clearfloat"></div></div> 
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}