249045439
网站制作

郴州网站制作浅谈外层DIV伴随内层DIV增高而自动增高

发表日期:2024-02-17   作者来源:www.nvyit.com   浏览:0   标签:网站制作    

对于不少网站建设的小白朋友来讲,学习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增高而自动增高

如没特殊注明,文章均为博益网 原创,转载请注明来自http://www.ziyubo.com/news/zhizuo/8925.html