主页 / 问题 / 945816
Accepted
Anton Bogomolov
Asked:2020-02-17 19:21:06 +0800 CST2020-02-17 19:21:06 +0800 CST

如何移动图像？

  • 772

如何将图像向右移动并避免水平滚动？

在此处输入图像描述

我发现的一个技巧的例子

在此处输入图像描述

我使用 Bootstrap 4 并欢迎任何示例

html

1 个回答

  1. Best Answer

    可能是这样？有一个选项可以仅禁用水平滚动。

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      body {
        color: #777;
        font-size: 16px;
      }
      .container {
        width: 90%;
        margin: 0 auto;
        padding: 5%;
        background: #444;
        overflow-x: hidden;
      }
      article {
        width: 90%;
        background: #111;
        padding: 5%;
        margin: 40px auto;
        position: relative;
      }
      article h2 {
        font-size: 54px;
        line-height: 60px;
      }
      article p {
        margin: 30px 0;
      }
      .moved {
        left: 50%;
      }
    <section class="container">
      <article class="normal">
        <h2>Просто блок</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum ab
          voluptates ullam est quis nam distinctio repudiandae atque, iusto
          nulla eaque provident!
        </p>
      </article>
      <article class="moved">
        <h2>Сдвинутый блок</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur,
          quis. Eos commodi odio molestias.
        </p>
      </article>
    </section>

    • 2

相关问题