框架中的导航框架 & position定位
框架中，通过链接将一个页面显示在另一个框架中：
总框架：
<frameset cols="15%,*">
<frame src="xx.html"> //显示链接所指的页面在框架中【即导航框架】
<frame src="yy.html" name="fff"> 其将中一个框架命名为fff
<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（距窗口右方的距离）来控制其位置。
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布局
一律采用position布局
