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布局
  • 相关阅读:
    python字符串方法
    字符串格式化示例
    python中的list()函数和tuple()函数
    python中sort()方法的cmp参数
    条件/三元操作符
    html5 frameset5内嵌框架集
    Sublime Text3取消自动补全结束标签
    Python列表:元素的修改、添加、删除和排序
    SCOI2010 股票交易
    Codeforces 797 D. Broken BST
  • 原文地址:https://www.cnblogs.com/expedition/p/10700650.html
Copyright © 2011-2022 走看看