gpt4 book ai didi

html - 背景图像位置(从底部和右侧)

转载 作者:行者123 更新时间:2023-11-28 17:22:52 32 4
gpt4 key购买 nike

我需要这样的背景定位:距右侧 50 像素,距底部 60 像素。如果我将背景位置放在右下角,它会移动到最右和最底部。

这是 html 和 css。

.box {
background-image: url(http://www.iconbeast.com/images/iconbeast-pro.png);
background-repeat: no-repeat;
background-position: right bottom;
height: 300px;
width: 80%;
border: 1px solid #AAA;
}
<div class="box">
<p>
This is a box. :) :)
</p>
</div>

虽然我一直在尝试和到处寻找,但我无法解决它。谢谢:)

最佳答案

您可以使用 calc(100% - 50px)(全 width - 50px)和 calc(100% - 60px )(完整的高度 - 60px)。

.box {
background-image: url(http://www.iconbeast.com/images/iconbeast-pro.png);
background-repeat: no-repeat;
background-position: calc(100% - 50px) calc(100% - 60px);
height: 300px;
width: 80%;
border: 1px solid #AAA;
}
<div class="box">
<p>
This is a box. :) :)
</p>
</div>

关于html - 背景图像位置(从底部和右侧),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27700120/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com