目前网站的框架和代码比较流行的是DIV+CSS形式,这种设计形式不仅操作简便,后期修改代码方面也随意。在今天的内容中,小编将分享DIV外层跟随内层自动增高的方法,以下是详细的说明。
1.底层DIV实现嵌套DIV的高度自适应
在网站制作时需要在一个DIV里面嵌入子DIV,子DIV的高度往往会因为内容的增多变大,这时需要外面的DIV随着子DIV的高度变化而变化。在最后一个子层DIV结束之后加上一个宽度与父DIV相同的DIV,高度设为0像素或者根据自己的需要设置一个合适高度的DIV,且该DIV不允许两边有浮动对象,这样我们的网站制作就能实现外部的DIV的高度自动的适应内部的DIV的高度了。
2.设置外层div的overflow:auto;属性
这种方法最简单,大家只需要给外面的DIV设置设置一个overflow:auto;属性,overflow为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。如果使用DW来进行网站制作的,直接设置就可以了,具体的方法是选中外面的DIV,进入CSS属性,然后找到定位,最后设置overflow为auto就可以了。