移动和旧浏览器上的内容溢出

Question

我有一个容器，其容器内的高度和内容都是固定的。我一直在使用“em”进行字体大小调整，它一直在为现代版的FireFox和IE工作。然而，我去了我的手机和旧版本的IE（6）检查它，内容溢出容器的底部进入页脚。到目前为止，我已经尝试将此容器的高度更改为auto！important并将固定高度设置为最小高度，这不起作用。此外，我将em更改为相应的px尺寸，但这也无效。 HTML和CSS看起来像这样。

#container {
    width:570px;
    height:570px;
    font-size:1.2em;
    text-align:left;
   }

#container p {
    margin-left:35px;
    margin-right:35px;
 }

#foot {
    width:570px;
    height:60px;
    clear:both;
 }

<div id="container">
    <p>Content1</p> 
    <p>Content2</p>
    <p>Content3</p>
</div>    

<div id="foot">
</div>

Answer 1

将overflow: hidden;添加到#container的css，将display: block;添加到height:auto !important;

#container {
    width:570px;
    height:auto !important;
    display: block;
    font-size:1.2em;
    text-align:left;
   }