DIV+CSS是目前比较流行的网站代码,如果很熟练的使用它,网站就可以更好的被展现出来。可是有时候DIV也会出现很多问题,比如嵌套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就可以了。
总结:以上内容可以帮助大家很好的完成设置,并且兼容绝大部分的浏览器。