div固定顶部和底部

<!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>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>div固定</title>

    <style type="text/css">

    /*index.html footer*/

    body #index_footer {

        z-index: 999;

        position: fixed;

        _position: absolute;/*兼容IE6*/

        _top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/

        bottom: 0px;

        padding: 0px 0px 10px;

        background-color: #eeeeaa;

        border-top:4px solid #e2e2e2;

        width: 100%;

    }

    /*index.html 成功添加*/

    body #index_head {

        z-index: 999;

        position: fixed;

        _position:absolute;/*兼容IE6*/

        _top:expression(eval(document.documentElement.scrollTop));/*兼容IE6*/

        width: 100%;

        text-align: center;

    }

    body #index_successHint {

        background-color: #ef0000;

        width: 160px;

        line-height: 30px;

        border-radius: 8px;

        margin:0 auto;

    }

    .index_footer_Button {

        padding: 27px 0px;

        background-color: #AAA;

        cursor: pointer;

    }

    </style>

</head>

<body>

<div id="index_head">

    <div id="index_successHint">

        <span style="margin-left: 5px;">成功添加</span>

    </div>

</div>

<div id="index_footer">

    <div style="float: right;width: 60px;text-align: center;color: #ffffff;">

        <div class="index_footer_Button" id="addBtn" style="margin-bottom: 5px;">添加</div>

        <div class="index_footer_Button" id="cancelBtn">取消</div>

    </div>

</div>

</body>

</html>
巴特西

div固定顶部和底部

最新文章

热门文章
