div如何自适应高度100%

一、用背景图填充法

这里是给父DIV设置了背景图片填充，所有DIV都不设高度。

HTML代码：

1<div class="endArea">

2<div class="col1">第一列　左边正文</div>

3<div class="col3">第二列　右边<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />字字</div>

4<div class="col2">第三列　中间图片</div>

5<div class="clear"></div>

6</div>

CSS代码：

1.endArea{margin:0 autowidth:960pxbackground:url(http://cimg2.163.com/cnews/img07/end_n_bg1.gif)clear:both}

2.endArea .col1{float:leftwidth:573px}

3.endArea .col2{float:leftwidth:25px}

4.endArea .col3{float:rightwidth:362px}

二、DIV的加单介绍：

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。

DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

这个太简单了吧，先设置父元素，overflow：hidden

收起的时候，height：0；

点开的时候 height：auto；

另外最好不要用绝对定位，这样会让布局更麻烦

哦，补充一下，如果还有爷爷级的话同样要给设置overflow：hidden

应为这样才能形成BFC（块级格式化上下文）

不然的话会撑不开

---