zoukankan      html  css  js  c++  java
  • 控制div固定在页面的某个位置 ,用js感觉很麻烦 CSS更好一些

    CSS代码:
    <style type="text/css"> html,body { 100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; 100%; height:100%; overflow:auto; z-index:1; } #ToolBar { position:absolute; bottom:0px; right:16px; 100%; height:20px; text-align:center; background:#ccc; z-index:2; overflow:hidden; } </style>
    HTML代码
    <div id="ToolBar">CSS控制DIV永远固定在页面底部 www.865171.cn</div>
    <div id="Main">
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p>
    </div>
    http://www.ink520.com/
  • 相关阅读:
    Codeforces Round #706 (Div. 2)
    Caddi Programming Contest 2021(AtCoder Beginner Contest 193)
    [ARC116] Deque Game
    Codeforces Round #721 (Div. 2)
    Codeforces Round #618 (Div. 1)
    Educational Codeforces Round 109 (Rated for Div. 2)
    [ABC201F] Insertion Sort
    AtCoder Regular Contest 119
    Codeforces Global Round 13
    Codeforces Round #673 (Div. 1)
  • 原文地址:https://www.cnblogs.com/myphper/p/3225908.html
Copyright © 2011-2022 走看看