1

使用 React，我有一个父元素，它是 div，其中有一个显示网格和一个输入。

<div style={{ display: "grid" }}>
   <input/>
</div>

我的问题是当我从样式属性中删除 display:"grid" 时， element.getBoundingClientRect() 返回正确的值，即：

{
  bottom: 292,
  height: 30,
  left: 524.4000244140625,
  right: 683.6000213623047,
  top: 262,
  width: 159.1999969482422,
  x: 524.4000244140625,
  y: 262
}

但是当我将显示属性更改为网格时，结果返回错误：

{
  bottom: 292,
  height: 30,
  left: 16.399999618530273,
  right: 683.6000118255615,
  top: 262,
  width: 667.2000122070312,
  x: 16.399999618530273,
  y: 262
}

有谁知道是什么问题？

**忘了说html的方向是rtl

4

0 回答 0