Html 图像如何在一个div中位于上面一行的顶部

Html 图像如何在一个div中位于上面一行的顶部,html,css,Html,Css,我正在处理页脚。在右侧下方-图像已附加-我有一个带有响应“订阅”按钮的图像。有一个潜水和一个普通行。这个普通行由两个不同的行组成。 第一行包括两个网格:col-lg-4/col-lg-8(白色背景) 第二个包括三个网格:col-lg-4/col-lg-4/col-lg-4(黑色背景) 我想把图像放在第二行非常正确的网格中,它位于第一行非常正确的网格的顶部。 问题是,虽然图像放在第二行,但它出现在第一行!我想把它改成模式 跟我们来 @介质(最小宽度:@screen sm mi

我正在处理页脚。在右侧下方-图像已附加-我有一个带有响应“订阅”按钮的图像。有一个潜水和一个普通行。这个普通行由两个不同的行组成。 第一行包括两个网格:col-lg-4/col-lg-8(白色背景) 第二个包括三个网格:col-lg-4/col-lg-4/col-lg-4(黑色背景) 我想把图像放在第二行非常正确的网格中,它位于第一行非常正确的网格的顶部。 问题是,虽然图像放在第二行,但它出现在第一行!我想把它改成模式


  • 跟我们来
@介质(最小宽度:@screen sm min){ .跟我们来{ 颜色:@main粉红色; .font系列(@font-Oswald-Bold); 字体大小:12px; } .页脚边框{ 边框:1件纯色@粉红色; } .页脚表格{ 颜色:@白色!重要; 文本对齐:左对齐; tr{ 运输署{ 垫底:10px; a{ .font系列(@font-SourceSansPro-Regular)!重要; 颜色:@白色!重要; 文本转换:大写; 字体大小:14px; } } } } .页脚图像{ 位置:绝对位置; 底部:0px; 显示:块; 宽度:100%; 文本对齐:居中; } }
我已按如下方式更改了代码,然后它就可以工作了:

.footer-image
{
     margin-top: -100px;
     bottom: 0px;
     display: block;
     width: 100%;
     text-align: center;
     padding-bottom:0px;
}

我已按以下方式更改代码,然后它就可以工作了:

.footer-image
{
     margin-top: -100px;
     bottom: 0px;
     display: block;
     width: 100%;
     text-align: center;
     padding-bottom:0px;
}

你能用它创建一个片段或垃圾箱吗?我已经附上了图片!是的,但这是帮助您调试和“玩”代码的过程的一部分。这就是为什么我们需要这个。也许我们可以自己创造,但我认为你应该这样做。(请特别阅读“帮助他人重现问题”)你能用它创建一个片段或垃圾箱吗?我已经附上了图片!是的,但这是帮助您调试和“玩”代码的过程的一部分。这就是为什么我们需要这个。也许我们可以自己创造,但我认为你应该这样做。(特别阅读“帮助他人重现问题”)