diff --git a/src/pages/component/component1/Top_nav.js b/src/pages/component/component1/Top_nav.js
index f1686c2a..6ce9414e 100644
--- a/src/pages/component/component1/Top_nav.js
+++ b/src/pages/component/component1/Top_nav.js
@@ -47,7 +47,7 @@ export default class Top_nav extends Component {
   render() {
     return (
       <div className="Top_nav">
-        <div className='Top_nav_fl'>
+        <div className='Top_nav_fl' id='string'>
           <ul>
             {this.state.list.map((item, index) => (
               <li
diff --git a/src/pages/index.css b/src/pages/index.css
index 25a0ef9f..186a32d2 100644
--- a/src/pages/index.css
+++ b/src/pages/index.css
@@ -503,3 +503,22 @@ footer{
       margin: 12px;
       float: left;
   }
+/*固定定位区域*/
+.FixedBox1{
+    position: fixed;
+    right: 0;
+    bottom: 180px;
+    width: 25px;
+    height: 100px;
+    background-color:ghostwhite;
+    color:blue;
+}
+.FixedBox2{
+    position: fixed;
+    right:80px;
+    bottom: 100px;
+    width: 40px;
+    height: 40px;
+    background-color: cornsilk;
+    color: cyan;
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f99a809b..cf7ea4eb 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -8,6 +8,7 @@ import Contents from "./component/component4/contents.js";
 import Content4 from "./component/component5/content4.js";
 import Content5 from "./component/component6/content5.js";
 import Footer  from "./component/component7/Footer.js";
+import Fixed from './component/conponent9/Fixed.js'
 
 export default function IndexPage() {
   return (
@@ -19,6 +20,7 @@ export default function IndexPage() {
       {<Content4></Content4>}
       {<Content5></Content5>}
       {<Footer></Footer>}
+      {<Fixed></Fixed>}
     </div>
   );
 }