https：//codesandbox.io/s/nifty-beaver-4lwid.

你好，我正在做投资组合，然后发生了这件事。这就是它应该看起来的样子，用无花果做的。还有我的实现所以我的问题是坐在椅子上的那个人。我无法移动图像，我尝试使用边距，位置，顶部，左侧，底部，右侧它们都不起作用，当我把它设置到位置：固定；每个布局都会中断顺便说一下

，我刚开始用HTML/CSS做东西。

import React from "react";
import Navbar from "../components/Navbar";

import "../styles/Home.scss";
import wave from "../assets/images/wave.png";
import sally from "../assets/images/sally.png";

function Home() {
  return (
    <>
      <Navbar />
      <div className="container">
        <img className="wave" src={wave} alt="wave" />
        <div className="short-desc">
          <h1 className="black">Developer</h1>
          <h1>Student</h1>
          <h1 className="black">Something</h1>
        </div>
        <img className="sally" src={sally} alt="sally" />
      </div>
    </>
  );
}

export default Home;

这是SCSS

<代码>*{font-family："；罗博托"；，无衬线；颜色：白色；}身体{background-image：URL（"；./assets/images/home_background.PNG"；）；}.容器{位置：相对；}.波浪{位置：绝对；Z指数：-1；显示：块；顶部边距：250px；宽度：100%；高度：自动；}.简短描述{位置：绝对；左：20%；最高：30%；行高：80px；字体大小：30px；}.黑色{颜色：黑色；}.莎莉{宽度：700px；}

---

顺晟科技：