zoukankan      html  css  js  c++  java
  • 框架中的导航框架 & position定位

    框架中,通过链接将一个页面显示在另一个框架中:
     
    总框架:
    <frameset cols="15%,*">
      <frame src="xx.html">   //显示链接所指的页面在框架中【即导航框架】
      <frame src="yy.html"  name="fff">     其将中一个框架命名为fff
     
    </frameset>
     
     

    导航框架所嵌入的链接:                         【 将导航框架所嵌入的链接所指向的页面显示到名字是fff的框架中
       <a href="zz.html" target="fff"><p >  *>__<*   </p></a>
     
    接下来正常编写导航框架嵌入链接所指页面即可
     
     
    position定位
    absolute

    生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    fixed

    生成绝对定位的元素,相对于浏览器窗口进行定位

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    relative

    生成相对定位的元素,相对于其正常位置进行定位。

    因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

    static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
    inherit 规定应该从父元素继承 position 属性的值
     
     
    通过position属性来控制;position属性的值常规有四个:
    static:默认值,没有定位,元素出现在正常的流中;
    absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位;
    fixed:生成绝对定位的元素,相对于浏览器窗口进行定位;
    relative:  生成相对定位的元素,相对于其正常位置进行定位。
    跟随浮动样式采用fixed以浏览器窗口进行绝对定位,通过top(距窗口上方的距离)、bottom(距窗口下方的距离)、left(距窗口左方的距离)、right(距窗口右方的距离)来控制其位置。
     
     
     

    注释:绝对定位元素会被从正常流中删除,并且能够交叠元素

    提示: 当使用 position 来对齐元素时, 通常 <body> 元素会设置 margin 和 padding 。 这样可以避免在不同的浏览器中出现可见的差异

    当使用 position 属性时,IE8 以及更早的版本存在一个问题。如果容器元素(在我们的案例中是 <div class="container">)设置了指定的宽度,并且省略了 !DOCTYPE 声明,那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 position 属性时,请始终设置 !DOCTYPE 声明

     
     
     
    开发经验
    新标签中不可出现float——> 会超出标签范围,除非限制嵌入元素的宽、高
    一律采用position布局
  • 相关阅读:
    linux密码登陆时加入自己登陆验证模块(pam),xshell工具可用,xftp工具使用无响应
    新增sftp服务器及用户
    SFTP服务配置以及命令/代码操作
    【OpenSSH】internal-sftp和sftp-server之间的区别和联系什么?
    sshd_config 中文手册:关于ssh 设置的相关总结(ssh最大连接数、ssh连接时长、安全性配置等)
    CentOS下配置SFTP操作日志
    linux中pam认证解析
    linux密码登陆时加入自己登陆验证模块(pam)
    linux syslog详解
    Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建教程
  • 原文地址:https://www.cnblogs.com/expedition/p/10700650.html
Copyright © 2011-2022 走看看