点击点超链接后，浮动框架里的内容自动切换，在本页面iframe css

点击网页中的超链接后，如果该链接引用的是嵌套在一个`<iframe>`（浮动框架）内的另一个页面，通常会实现一种导航效果，即当前`<iframe>`的内容会在新页面加载完成后自动替换掉原来的内容，而整个窗口（包括`<iframe>`)不会离开原页面。

在CSS中，要实现这样的交互，你需要关注以下几个关键点：

1. **事件监听**: 使用JavaScript（如jQuery、Vue.js等库）为`<a>`标签添加`click`事件处理器，当链接被点击时触发操作。

// jQuery示例
$("a[target=yourIframe]").click(function(event) {
   event.preventDefault(); // 阻止默认跳转行为
   $("#yourIframe").attr("src", this.href); // 更改iframe的源URL
});

2. **ID选择器**: 对于`<iframe>`元素，给它一个唯一的ID，例如`"yourIframe"`，以便通过JavaScript精确地控制它。

3. **`target`属性**: 在`<a>`标签的`href`属性中设置`target`属性为`"_blank"`或`"_self"`（后者适用于iframe），这样浏览器会在当前`<iframe>`中打开链接。

4. **CSS`: 如果需要，你可以使用CSS来美化链接的样式以及加载过程中的过渡效果。例如，可以设置`:hover`伪类来改变鼠标悬停时的样式。

a[target="yourIframe"]:hover {
   /* 修改鼠标悬停时的样式 */
}