Question

我有一张桌子，我想在其中向右移动元素div（最后一个div）。

  <thead>
   <tr>
    <th>...</th>
    <th>...</th>
    <th>...</th>
    ...
    <th>
     <div>
      <span></span>
       <span>
        <div>Move me!</div>
       </span>
     </div>
    </th>
   <tr>
  <thead>

div具有以下CSS，并且很重要，我不能将postion更改为relative

 {
    position: absolute;
    top: 0;
    width: max-content;
}

我想这样添加属性left：

  left: calc(100% -(position+width)),

其中postion当前是div的x坐标，而width是div的宽度。

我该如何访问这些值？

PS。目前，我的div以这样的方式放置，使其越过主div的边界并导致滚动条的出现。我想通过将div向左移动负值来避免这种情况（例如，如果我分配

left: -20px;

它正在向右移动，并且达到了我想要的水平，但是我无法将其分配给某个值，因为div的宽度总是在变化，因此应该动态地计算出来）

使用Javascript可能会带来什么挫折？如何提取位置？现在offsetLeft为0 ...

Answer 1

right: 0;怎么样，它应该留在您的主div中，同时将其自身放置在其右侧（距右侧0像素）。

您能提供一个带有示例的Codepen吗，以便我们更好地帮助您:)

CSS calc（）使用元素的宽度和位置

1 个答案: