Html 页脚忽略中间的内容。

我想在页面底部添加一个页脚，但是它停留在中间，在页眉内容之后，就像忽略了下面的内容，所以它停留在中间。

<div id="content">
        <ul>
            <li>
                <h3>Custom clearance</h3><br/>
                <img src="images/1st_min.png" style="width:360px; height: 160px;" alt="Custom clearance" /><br/>
                <p style="width:360px;">Our employee proceeds the necessary customs documentation for exports, imports and transit of cargo. Our knowledge of the Latvian customs and tax legislation and our familiarity with.<br /><a href="#" style="float:right; padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px;"/></a>
                </p><br/>
            </li>
            <li>
                <h3>Cargo Inspections</h3><br/>
                <img src="images/2nd_min.png" style="width:360px; height: 160px;" alt="Custom clearance" /><br/>
                <p style="width:360px; padding">
                        Наш сотрудник переходит необходимой документации для таможенного экспорта, импорта и транзита грузов. Наши знания латышского таможенного и налоговогои.<br /><a href="#" style="float:right; padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px;"/></a>
                </p><br/>   
            </li>
            <li>
                <h3>Our Location</h3><br/>
                <img src="images/3rd_min.png" style="width:360px; height: 160px;" alt="Custom clearance" /><br/>
                <p style="width:360px;">
                        Mūsu darbinieks ieņēmumi nepieciešamo muitas dokumentāciju, eksporta, importa un tranzīta kravas. Mūsu zināšanas par Latvijas muitas un nodokļu tiību aktus un mūsu.<br /><a href="#" style="float:right;  padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px;"/></a>
                </p><br/>
                    
            </li>
        </ul>       
    </div>

这是页脚样式，可以

 #footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
    background:#6cf;
 } 

---

将位置更改为固定

#footer {
  position:fixed;
  bottom:0;
  width:100%;
  height:60px;   /* Height of the footer */
 background:#6cf;
 }

---

你说的是哪一个

footer

？因为我看不到任何东西，我已经看过了。但它忽略了类contentn，如果我删除了它保留的内容，那么底部的内容将与比屏幕大小高的内容重叠。

#footer {
  position:fixed;
  bottom:0;
  width:100%;
  height:60px;   /* Height of the footer */
 background:#6cf;
 }

#footer{position:absolute;bottom:0; clear:both;}