框架中,通过链接将一个页面显示在另一个框架中:
总框架:
<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布局