发布时间:11-30
对于很多网站新手朋友来说,学习DIV + CSS是必不可少的。笔者在一些大连网站论坛和QQ群里面,有百度问答里面,我看到很多朋友问了很多嵌套DIV的问题,比如高度自适应的嵌套DIV问题,我们看到很多这样的方法,比如,很多论坛还是百度问答说起JS程序来实现的,可能是很多网站对于新手朋友来说,好像有点糊涂了,今天说了两个更简单的方法来实现我们可以看到一个一目了然。
首先,巧妙地使用底层DIV嵌套的DIV高度自适应
在很多情况下,我们需要在创建网站时在DIV中嵌入一个子DIV。随着内容的增长,子DIV的高度趋于增加。这次,外部DIV需要根据子DIV的高度来改变。很多新手朋友问父DIV网络是不是分层的DIV ID为分高,整体风格严重的走样效果。
所以,今天说一个简单的方法就是我们可以做到在更后一个子图层DIV加上一个与父DIV宽度相同的DIV之后,高度设置为0像素或者根据自己的需要设置一个合适的高度DIV,而且DIV不允许两侧浮动对象,这样我们的网站就可以实现外部DIV的高度自动适应内部DIV的高度。这不需要编写复杂的程序。
二个:设置外部div溢出:auto;属性
这个方法其实是更简单的,我们只需要设置一个溢出:auto;到它的DIV设置属性的外部。溢出是CSS中的属性,用于设置在对象内容超过指定的高度和宽度时应如何管理内容。所以,如果我们使用DW进行网站制作,直接设置就可以了,具体方法是:选择DIV的外部---输入CSS属性---找到位置---然后设置overflow为auto在上面 。
以上两种方法都是更简单的,并且与大多数浏览器兼容,以便我们新建网站的朋友们,解决方案为了解决这个问题,基本上不用担心使用JS代码来实现这个功能。