为什么层buttom 不在底部显示，而在层top附近。

dafuw 2009-11-20 02:28:56



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

        body

        {

            font-family: Verdana;

            font-size: 14px;

            margin: 0;

        }

        #content

        {

            width: 968px;

            margin: auto;

        }

        #left

        {

            width: 165px;

            float: left;

            height: 378px;

            margin-top: 10px;

            margin-right: 10px;

        }

        #right

        {

            width: 750px;

            float: right;

            margin-top: 10px;

        }

        #mainbody

        {

            margin-top: 10px;

            height: auto;

        }

        #buttom

        {

            text-align: center;

            vertical-align: bottom;

        }

    </style>

</head>

<body>

    <div id="content">

        <div id="top">

            <img src="images/hometop.gif" alt="" />

        </div>

        <div id="mainbody">

            <hr />

            <div id="left">

                <img src="images/newpic/leftBg2.gif" alt="" />

            </div>

            <div id="right">

                <label runat="server" id="lbl1">

                </label>

            </div>

        </div>

        <div id="buttom">

            版权所有©

        </div>

    </div>

</body>

</html>