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

  • 相关阅读:
    nginx 学习
    java 数组转字符串(以逗号分隔开)
    索引命名规范
    java常见的设计模式
    java中的堆、栈浅解。
    Oracle忘记System密码怎么办?
    端口被占用,怎么解决?
    Spring Mvc学习之路
    svg了解一下
    推荐几款基于vue的使用插件
  • 原文地址:https://www.cnblogs.com/dandan1224/p/5793056.html
Copyright © 2011-2022 走看看