div是重叠的页脚

Question

我不是很好用html和div是一个噩梦。我必须使用div这个页面的灵活性。图像显示问题。最右边的div重叠页脚。我的意思是它重叠表（在其中）它被放置）然后重叠页脚。在这种情况下，我确信具有最大高度的div将与页脚重叠。 只是一点背景： 我使用视觉工作室 2.页眉和页脚在主页面中设置。

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

使用表格进行布局是不好的做法，但回到主题......

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

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

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

div#footer { clear: left; }