我將一個 html 元素絕對定位在即 left:1000px。現在我想在它的左側直接放置另一個 div 元素。使用負邊距不是一種選擇，因為我不知道元素的大小。當前的解決方案是使用 javascript，使用隱藏屬性直到呈現，然后使用 getBoundingClientRect() 獲取大小，然后應用左：ob.style.left = -viewportOffset.width "px";
是否有 css-grid 技巧或我可以利用的東西？如果這很重要，我正在使用 Blazor。
<div title=@ToolTipText class="@currentClass()" style="position:absolute;left:@left;top:@top;height:@height;width:@width;line-height:1;">
@Value
@if (!string.IsNullOrEmpty(Title))
{
<div class="@TitleFontScheme" style="position:absolute;line-height:1;background-color:transparent;" @ref="titleElement">@Title</div>
}
</div>
uj5u.com熱心網友回復：
這似乎是一個使用的好地方transform:translateX(-100%)，因為 translate 會查看自身元素的寬度。
.firstElement{
position:absolute;
left:200px;
width:50px;
height:50px;
background-color:red
}
.secondElement{
position:absolute;
left:200px;
width:40px;
height:50px;
background-color:blue;
transform:translateX(-100%)
}<div class="container">
<div class="firstElement"></div>
<div class="secondElement"></div>
</div>uj5u.com熱心網友回復：
沒有必要使用 javascript。在 css 中，您可以使用 atransformx(-100%)將第二個元素左對齊到第一個元素。
.firstElement{
position:absolute;
left:200px;
width:50px;
height:50px;
background-color:red
}
.secondElement{
position:absolute;
left:200px;
width:40px;
height:50px;
background-color:blue;
transform:translateX(-100%)
}<div class="container">
<div class="firstElement"></div>
<div class="secondElement"></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381651.html
上一篇：我需要知道有什么區別