zoukankan      html  css  js  c++  java
  • CSS层定位

    扩展容器层高度:
       父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度
      1.用clear样式扩展高度
       方法:在父标记中添加一个空的div标记,并设置样式
         clear:both;
         margin:0px;
         padding:0px;
      2.用overflow 样式
        方法:在父标记样式中设置
         overflow:hidden;
      overflow其他用法:给标记添加滚动条,隐藏超出的内容
    区别:overflow更简单,代码更少
    层定位:
     定位类型:
      position: absolute|relative|fixed|static
     偏移设置:left|top|right|bottom
     absolute:绝对定位,以最近定位了的祖父元素偏移,如果祖父都没有定位,以浏览器为基准偏移,不再占有文本流,会影响其他元素
     relative:相对定位,相对自身原来的位置偏移,不影响其他元素
     fixed:固定定位,相对浏览器定位,不会随滚动条的滚动而动。
     层重叠:
        z-index:数值; 默认0
        相当于是z轴的顺序,与绝对定位一起使用,在层重叠时可以指定哪个层在前面显示。
      

  • 相关阅读:
    maven安装
    删掉centos原有的openjdk并安装sun jdk
    搭建私有仓库Harbor
    什么是Docker
    总结docker常用命令
    MySQL如何修改密码
    VMware vSphere
    安装Esxi 6.5
    Linux安装python3.6
    提高Linux运维效率的30个命令行常用快捷键
  • 原文地址:https://www.cnblogs.com/a1111/p/6034183.html
Copyright © 2011-2022 走看看