最近做外贸网店遇到FF下文本无法撑开容器的高度问题。

如果想固定高度，又想能被撑开解决办法就是去掉height，设置min-height:200px;

min-height意思是，最小高度。

IE6不认识min-height 可以 定义div { height:auto!important; height:200px; min-height:200px; }

CSS兼容样式：

 /* FF */
.submitbutton {
float:left;
width: 40px;
height: 57px;
margin-top: 24px;
margin-right: 12px;
}
/* IE6 */
*html .submitbutton {
margin-top: 21px;
}
/* IE7 */
* html .submitbutton {
margin-top: 21px;
}

如果不想固定高度，高度随着内容的多少而自动增减，可以这样定义

/* FF */
.submitbutton {
float:left;
width: 40px;
margin-top: 24px;
margin-right: 12px;
overflow:hidden;
height:100%;
}

/* IE6 */
*html .submitbutton {
margin-top: 21px;
height:100%;
}
/* IE7 */
* html .submitbutton {
margin-top: 21px;
height:100%;
}