html - モバイルおよび古いブラウザでのコンテンツ オーバーフロー

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

のcssに追加overflow: hidden;し、また#containerdisplay: block;height:auto !important;

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