html - div 重叠页脚

Question

我对 html 不是很好，div 是一场噩梦。我必须为此页面使用 div，因为它的灵 active 。图像显示了问题。最右边的 div 与页脚重叠。我的意思是它与表格重叠(其中它被放置)然后与页脚重叠。在这种情况下，我确信具有最大高度的 div 将与页脚重叠。只是一点背景:1.我用visual studio2.页眉和页脚在masterpage中设置。

html如下:

  <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
  <table class="unmaintable">
    <tr>
        <td>
           <div class="left" style="background-color:red;width:25%">

               jnzfjnjng<br />
               ngklngjonhjonho<br />
               gjnjbnjonnjjobjhi<br />
               snjnboijihlj</div>
            <div class="left" style="background-color:white;width:56%;">

                vnbkjnbkjiohmoijsiophjpohmp<br />
                smnbkmnkojhklmnkomnpk<br />
                bnmklm kno nkmnkpjhpmnn<br />
                mklm nkjpkhpmf</div>
            <div class="left" style="background-color:#EAEAEA;width:19%;">

                mlmnkopohnmp,n<br />
                n<br />
                n<br />
                n<br />
                nklnmkomnpmkpnmn<br />
                <br />
                <br />
                mkmkmkpm</div>
        </td>
    </tr>
  </table>
  </asp:Content>

CSS

    .unmaintable {
        width: 1000px;
        background-color: #EAEAEA;
        table-layout:fixed;
    }
    .left {
        float:left;
        overflow:hidden;

    }

我试过将位置设置为绝对/相对但没有改变

Answer 1

用table来布局是不好的做法，言归正传...

如果页脚元素是，例如...

<div id="footer"></div>

...尝试添加此 CSS 代码:

div#footer { clear: left; }