css外容器margin問題[IE中height:100%]

常用的二列布局,外容器Div定義class為container, 包含class分別為left 和main兩個子DIV,下邊是class為foot的Div

當我們想在container和foot之間加一點間隙時,fifefox卻發起了脾氣
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
css外容器margin問題[IE中height:100%]

<html xmlns="http://www.w3.org/1999/xhtml">
css外容器margin問題[IE中height:100%]

<head>

以上代碼在IE6中能正常顯示,但是在firefox中container和footer之間沒有間隙,也就是說margin-bottom:20沒起作用
解決變法:
修改container,代碼如下:

區別就在這一句