网站页面布局div+CSS高度自适应

网站页面布局div+CSS其优点潍坊网站建设前期跟已经谈过.概括一下主要四大特点：
一、精简代码让蜘珠爬得更幸福
二、解决表格嵌套让蜘珠触角无处不在
三、提高速度让让蜘珠做上时光车
四、对搜索引擎的排名
总之一句话,有利于搜素引擎友好性，提升了网站的打开速度。从而实现客户很好的体验，div+CSS网站页面布局对技术人员来说是一种挑战，及时一个老的设计师也在不断的更新学习。

在用div布局的时候经常会遇到这样的一种情况：我们需要设置一个div的高度，当里面的东西超过这个高度时，让这个容器自动被撑开，也就是高度的自适应。当里面的信息很少时候，我们就设置它一个最小的固定高度。

我们知道，在ie6中，如果子容器的高度超过父容器的时候，父容器会被子容器撑开，所以我们可以直接设置一个height的高度值即可。 但是在ie7浏览器和火狐浏览器就不行了，它不会自动撑开。

如果要设置自适应高度，我们可以采用height:auto;这个属性；不过这个属性ie6又不支持了。是不是很头痛？其实解决这个问题不难，而且方法也不少，这里推荐一种：(假设我们需要控制的这个div的最小高度是100px，超过时就让里面的信息自动撑开)：

.div{

height:auto !important;

height:100px;

min-height:100px

}

说明：因为 !important在ie7和ff都可以读到，而且权重高于后面的height:100px；所以当在ie7和ff显示的时候，就会用了前面的height:auto !
important;而ie6识别不了!important，auto对它也不管用，因此会应用了后面的height:100px的样式；而min-height:100px表示最小高度为100px；此属性在ie7和firefox都可以识别。

最后让我们一起携手精心打造潍坊企业网站建设的高端天地。