zoukankan      html  css  js  c++  java
  • 格式与布局

    一、position:fixed  锁定位置(相对于浏览器的位置),例如网站右下角的弹出位置

    .a{

        border:5px solid blue  边线为5像素  实线  颜色

        width:  宽度像素

        height:  高度像素

        background-color  背景色

        left  距离左边

        bottom  距离底部

        position:fixed  锁定位置

    二、position:absolute绝对的

    1、外层没有position:absolute(或relative);那么div相对于浏览器定位

    2、外层有position:absolute(或relative);相当于外层包含住的边框定位

    三、position:relative相对位置

    1、相对于把次div包含住的div某个位置进行固定,如果外层没有包含他的,那就相当于浏览器进行相对位置的固定。

    绝对定位:在页面上面进行绝对定位   相对定位:在页面里面真是的占有某个区域,有上下左右的距离会进行位置的平移,不会失去原占有位置。

    四、分层

    在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上。

    五、float(流式布局):left(相对于最右侧定位)、right

    left、right是不用给他规定位置(left、top),直接相对于浏览器。若外部被包裹,相对于外部div的除去一行的位置的左上或右上显示。

    overflow(超出部分):hidden(不显示)scroll(滚动)

    半透明opacity:0.5

  • 相关阅读:
    Eclipse Java EE IDE for Web Developers集成的Maven 3 指向自己安装的 Maven
    Maven下载、安装和配置(二)
    shell脚本 如何调用Mysql的存储过程 解决方案
    Crontab的格式
    PHP 垃圾回收机制
    ChromePHP
    PHP 优化详解
    PHP 获取网页301|302真实地址
    PHP 常用函数回顾
    PHP基础 CGI,FastCGI,PHP-CGI与PHP-FPM
  • 原文地址:https://www.cnblogs.com/dandan1224/p/5793056.html
Copyright © 2011-2022 走看看