CSS div边距自动，无法在创建边距中的位置元素

我在我的页面上创建了一个小视图，其中有一个居中的500x650 div，并带有一些文本。CSS div边距自动，无法在创建边距中的位置元素

我有一个引导div作为容器，<div class="container">。里面，我有我的心500x650格，用这样的CSS：

.desc { 
    position: relative; 
    margin: 30px 245px 0px; 
    height: 500px; 
    width: 650px; 
    background: #fff; 
    border: 1px dashed #cbd0d8; 
    padding: 5px; 
}

这看起来不错。现在，我正在试图添加一个应该在虚线边界的左下角右侧的小图片。问题是，我将它与margin: auto对齐，在.desc-div的边上创建了一个巨大的水平边距，所以我无法将我的img放在与position: relative的div中，因为边缘将它压在角落下。

我可以在我的图像上使用position: absolute，但我试图避免这种情况，因为据我了解，它在不同尺寸的显示器上看起来不同，并且我希望此图像坐在一个位置上。

我该如何解决这个问题？

来源

2017-08-13 hejhej123

若要将您的图像准确地放入您的.desc DIV的左下角，把你的图片标签内的.desc DIV，并给它进行如下设置：

img.yourclass { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 40px; 
    height: 30px; 
}

既然你的DIV已经position: relative，它将作为绝对定位图像的位置锚点，底部和左侧设置将其放置在左下角。

当然宽度和高度取决于图像本身。根据需要进行调整。

来源

2017-08-13 16:42:54 Johannes

我解释说自己很差......我有一个剪刀img，我试图将它放在角落的左边，使它看起来像是在切割虚线边框。为此，我需要它是边框左下角的左边。所以一个位置：绝对在.desc-div内不起作用:( – hejhej123

只需根据需要调整底部和左侧设置，或者将其放置在左上角，使用“top”而不是“bottom” – Johannes

CSS div边距自动，无法在创建边距中的位置元素

回答

相关问题