Question

我正在尝试重用上一页中的HTML，并在新页面上编写新内容，同时仍然保留主页按钮和页脚用于投资组合。我复制了包含主页按钮和页脚的HTML，并使用了相同的样式表。但是，如果在没有英雄和工作部分的情况下打开一个（主要是）内容相同的新页面，则页面上的元素看起来会稍微向右移。

当我将目标页面中的内容添加到新页面上时，此问题消失了，并且像我希望的那样将元素向左刷新。但是，当我在登录页面中放入任何不包含英雄和工作部分的内容时，问题仍然存在。

我已经尝试过不使用边距，而是使用定位，但是如果这是正确的方向，我会感到困惑。我将添加代码笔来比较两者。希望差异是显而易见的，因为我确实希望处理投资组合的实际内容。我感谢任何建议。

My landing page：

<div class="container">
      <header>
        <h1 class="logo"><a href="index.html">Ryan M</a></h1>
      </header>

      <section class="hero">
        <p>Hi, <a href="about.html">I'm Ryan!</a></p>
        <p>
          I'm a recent graduate from UC San Diego, where I received a B.S. in
          Human-Computer Interaction. I am currently looking for work so feel
          free to <a href="#">send me an email!!</a>
        </p>
        <p class="social">
          <a href="#"
            >Resume</a
          >
          —
          <a href="#"
            >LinkedIn</a
          >
          —
          <a href="
                   #">Github</a>
        </p>
      </section>

      <section class="work">
        <h2>Work ↓</h2>
        <article>
          <h3 class="title">KOTX website design</h3>
          <h4 class="meta">Jan-Mar 2019</h4>
        </article>
      </section>
    </div>

My new page我正在尝试

在其他页面重复使用HTML / CSS但不完全相同

0 个答案: