Html 图像如何在一个div中位于上面一行的顶部
我正在处理页脚。在右侧下方-图像已附加-我有一个带有响应“订阅”按钮的图像。有一个潜水和一个普通行。这个普通行由两个不同的行组成。 第一行包括两个网格:col-lg-4/col-lg-8(白色背景) 第二个包括三个网格:col-lg-4/col-lg-4/col-lg-4(黑色背景) 我想把图像放在第二行非常正确的网格中,它位于第一行非常正确的网格的顶部。 问题是,虽然图像放在第二行,但它出现在第一行!我想把它改成模式Html 图像如何在一个div中位于上面一行的顶部,html,css,Html,Css,我正在处理页脚。在右侧下方-图像已附加-我有一个带有响应“订阅”按钮的图像。有一个潜水和一个普通行。这个普通行由两个不同的行组成。 第一行包括两个网格:col-lg-4/col-lg-8(白色背景) 第二个包括三个网格:col-lg-4/col-lg-4/col-lg-4(黑色背景) 我想把图像放在第二行非常正确的网格中,它位于第一行非常正确的网格的顶部。 问题是,虽然图像放在第二行,但它出现在第一行!我想把它改成模式 跟我们来 @介质(最小宽度:@screen sm mi
-
跟我们来
-
-
-
@介质(最小宽度:@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;
}
你能用它创建一个片段或垃圾箱吗?我已经附上了图片!是的,但这是帮助您调试和“玩”代码的过程的一部分。这就是为什么我们需要这个。也许我们可以自己创造,但我认为你应该这样做。(请特别阅读“帮助他人重现问题”)你能用它创建一个片段或垃圾箱吗?我已经附上了图片!是的,但这是帮助您调试和“玩”代码的过程的一部分。这就是为什么我们需要这个。也许我们可以自己创造,但我认为你应该这样做。(特别阅读“帮助他人重现问题”)