对于不少网站建设的小白朋友来讲,学习DIV+CSS是必不可少的。笔者在一些郴州网站建设平台与QQ群里面,还有百度问答里面,看到不少朋友在问嵌套DIV的不少问题,譬如嵌套DIV 高度自适应的问题,大家也看过不少如此的达成方法,譬如不少平台或者百度问答说到用JS程序达成,可能对不少网站建设的小白朋友来讲看着有的费脑筋,今天说两个最最简单的达成办法,大伙一看就了解了。
第一种,巧用底层DIV达成嵌套DIV的高度自适应
有时候,大家在网站建设的时候,需要在一个DIV里面嵌入子DIV,子DIV的高度总是会由于内容的增多变大,这时需要外面的DIV伴随子DIV的高度变化而变化。不少小白朋友在网上问父层DIV没被id为sub的里层子DIV撑高,整体样式出现紧急的走样成效。
所以,今天说的一个方便的处置办法就是,大家可以在最后一个子层DIV结束之后加上一个宽度与父DIV相同的DIV,高度设为0像素或者依据我们的需要设置一个适合高度的DIV,且该DIV不允许两边有浮动对象,如此大家的网站建设就能达成外部的DIV的高度自动的适应内部的DIV的高度了。如此完全无需写什么复杂的程序。
第二种郴州网站制作浅谈外层DIV伴随内层DIV增高而自动增高选中外面的DIV ---进入 CSS属性 --- 找到定位---然后设置overflow为auto就能了。
以上的两种办法最简单,而且兼容绝大多数的浏览器,如此大家网站制作的新朋友,就解决了这个问题,基本上不需为用JS代码来达成这种功能发愁了。
目前文章郴州网站制作浅谈外层DIV伴随内层DIV增高而自动增高