热搜关键词

微信分销商城

长沙小程序开发

长沙小程序多少钱

企业做网站

建站常识

长沙建站：嵌套DIV高度自适应问题最简单的解决办法

时间：2014-11-20
发布：维讯网络
浏览：1847

[摘要] 最近很多朋友在问嵌套DIV的很多问题，比如嵌套DIV 高度自适应的问题，我们也看过很多这样的实现方式，比如很多论坛或者百度问答说到用JS程序实现，可能对很多网站制作的新手朋友来说看起来有些费脑筋。今天小编就告诉大家两个最最简单的实现方法。第一，…

　　最近很多朋友在问嵌套DIV的很多问题，比如嵌套DIV 高度自适应的问题，我们也看过很多这样的实现方式，比如很多论坛或者百度问答说到用JS程序实现，可能对很多网站制作的新手朋友来说看起来有些费脑筋。今天小编就告诉大家两个最最简单的实现方法。

　　第一，巧用底层DIV实现嵌套DIV的高度自适应

　　很多时候，我们在网站制作的时候，需要在一个DIV里面嵌入子DIV，子DIV的高度往往会因为内容的增多变大，这个时候需要外面的DIV随着子DIV的高度变化而变化。很多新手朋友在网上问父层DIV没有被id为sub的里层子DIV撑高，整体样式出现严重的走样效果。

　　所以，今天说的一个简便的处理方法就是，我们可以在最后一个子层DIV结束之后加上一个宽度与父DIV相同的DIV，高度设为0像素或者根据自己的需要设置一个合适高度的DIV，且该DIV不允许两边有浮动对象，这样我们的网站制作就能实现外部的DIV的高度自动的适应内部的DIV的高度了。这样完全不需要写什么复杂的程序。

　　第二，设置外层div的overflow:auto;属性

　　这种方法其实是最简单的，我们只需要给外面的DIV设置设置一个overflow:auto;属性就可以了。overflow 为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。所以，如果我们是使用DW来进行网站制作的，直接设置就可以了，具体的方法是：选中外面的DIV ---进入 CSS属性 --- 找到定位---然后设置overflow为auto就可以了。

　　以上的两种方法最简单，而且兼容绝大部分的浏览器，这样我们网站建设的新朋友，就解决了这个问题，基本上不需为使用JS代码来实现这种功能发愁了。

关键词：

上一篇：长沙网页设如何兼顾SEO优化

下一篇：长沙网页设如何兼顾SEO优化