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

    一、positionfixed

      锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。

    示例

     

     

    二、positionabsolute

      1.外层没有positionabsolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素)。

      2.外层有positionabsolute(或relative);那么div相对于外层边框定位,如下图中bb(距离d的右边框50像素,距离d的下边框为20像素)。

    示例:

     

     

    三、positionrelative

      相对位置。

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

    示例:

     

     

     

    四、分层(z-index

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

      在上面relative的示例中,我们看到了aa遮住了a,这是因为后写代码的显示级别越靠前,那么在不改变代码顺序的情况下如何让a盖住aa?如下:

    示例:

     

     

     

     

  • 相关阅读:
    数组中重复的数字
    第一个只出现一次的字符位置
    丑数
    字符串的排列
    把数组排成最小的数
    圆圈中最后剩下的数
    同步通信与异步通信
    S3C2440 UART串口驱动
    ARM处理器工作模式
    s3c2440系统时钟
  • 原文地址:https://www.cnblogs.com/kevin2016/p/5317768.html
Copyright © 2011-2022 走看看