网站制作知识点：关于嵌套DIV的高度自适应

对于很多做网站的新手朋友来说，学习div+css应该是必不可少的。笔者在论坛以及qq群里面看到很多朋友在问嵌套div的很多问题，比如嵌套div 高度自适应，也看过很多这样的解决方法，今天说两个最最简单的实现方法。
1，底层div实现嵌套div的高度自适应
很多时候，我们在网站制作的时候，需要在一个div里面嵌入子div，子div的高度往往会因为内容的增多变大，这个时候需要外面的div随着子div的高度变化而变化。很多新手朋友在网上问父层div没有被id为sub的里层子div撑高，整体样式出现严重的走样效果。一个简便的处理方法是，我们可以在最后一个子层div结束之后加上一个宽度与父div相同，高度为0像素或者根据自己的需要的一个合适高度的div，且该div不允许两边有浮动对象，这样我们的网站制作就能实现外部的div的高度自动的适应内部的div的高度了。
第二种：只需给外层div加个overflow:auto;就可以了
这种方法其实是最简单的，我们只需要给外面的div设置一个overflow属性auto就可以了。overflow 为css中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。使用dw来进行网站制作的朋友可以在选中外面的div在其css属性中，找到定位，然后设置overflow为auto就可以了。
以上的方法最简单，而且兼容绝大部分的浏览器，这样我们网站建设的新朋友，就解决了这个问题，基本上不需为使用js代码来实现这种功能发愁了。



网站优化，不要让质量链为你拉回来！
搜索引擎推广:网站应怎样做定位?
百度眼中具有抓取和收录价值的网站是什么样的
网站开发需要遵守的几个原则-深圳网站建设
APP开发，只能选择定制开发！
企业网站可以尝试“砍掉”的功能
网站首页优化要考虑哪些因素?
网站页面优化的标准有哪些