在css中将图像移到顶部答案

【问题标题】：move an image towards the top in css在css中将图像移到顶部
【发布时间】：2017-08-28 08:42:03
【问题描述】：

我有一个fiddle，我想将图像（键盘）移到顶部，使其看起来与下面的设计完全相同。

在我的小提琴中，键盘图像略微向下，如小提琴中所示。我想知道如何将我的键盘图像稍微向上推，使其看起来与上述设计完全相似。

我的带有键盘图像的 HTML 代码的 sn-ps 是：

    <div class="full-stack-developer">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-3 left-side">
                    <a href=""><img src="assets/img/Uploads/keyboard.png" </a></div>
                <div class="col-lg-3 right-side"> <a href="">Full Stack Developer</a>
                    <ul>
                        <a href=''>
                            <li>Qualification</li>
                        </a>
                        <a href=''>
                            <li>Go here</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>

只检查不使用position: relative and position: absolute是否可以完成？

【问题讨论】：

标签： javascript html css twitter-bootstrap-4

【解决方案1】：

您可以在图像上添加边距顶部 -50px。

#id_keyboard {
    margin-top: -50px;
}

https://jsfiddle.net/2bd2zrm9/5/embedded/result/

【讨论】：

可以通过对类进行一些更改来完成吗？
你的意思是“课堂上的一些变化”？检查我在答案中的链接。

【解决方案2】：

给图片添加一个id和一些css如下：设置一个id

 <a href=""><img id = "offset" src="https://s10.postimg.org/wz9hbucvd/keyboard.png" </a>

往上挪一点

#offset{
  margin-top:-40px
}

【讨论】：