zoukankan      html  css  js  c++  java
  • Lesson4(定位、超出隐藏)

    1、外边框  outline:1px solid blue; 

    外边框用法和边框相似,外边框不占空间,只会显示

    2、定位 position

    (1)相对定位 relative:对自身的一种定位

       1>给父级设置相对定位之后,自己也跟随父级移动

       2>给元素设置相对定位之后,不会影响其他元素的位置(即没有脱离文档流、还占有原来的空间)

    (2)绝对定位 absolute:相对于父级的定位 

      1>脱离文档流,不占原来的空间

      2>定位在不设置top等方向值时,位置不会发生变化

      3>定位的层级是要比float或者文本的层级要高,可以挡住他们

      4>决定定位的元素如果没有定位父级,会相对于html文档来定位

    (3)固定定位 fixed

      固定定位的元素在窗口的位置始终不变

    3、超出

    (1)overflw 处理超出区域的内容

      hidden 隐藏、 visible 显示(默认值)、 srcoll 滑动、 auto 自动

    注意:auto和srcoll的区别在于,srcoll始终显示滚动条,auto只会在内容超出方向时显示滚动条

    (2)text-overflow 处理某一个超出区域的单词

      clip 超出部分被裁剪掉、 ellipsis 超出的部分用省略号代替、 string 用一个指定的字符串,内容自定义,来代替超出的内容(部分浏览器可用,譬如:火狐)

    (3)使用text-overflow前确保overf不是visible

     

      

  • 相关阅读:
    python实现测试中常用的脚本(待完善)
    python使用mysql数据库(虫师)
    jQuery中动画animate(上)
    jQuery事件对象的属性和方法
    扩展欧几里得算法详解
    jQuery事件对象的作用(利用冒泡事件优化)
    卸载事件off()方法
    on()的高级用法
    三种快速排序以及快速排序的优化
    on()的多事件绑定
  • 原文地址:https://www.cnblogs.com/qqm16113/p/6116093.html
Copyright © 2011-2022 走看看