Javascript 我能'；“我似乎没有得到充分的支持。”；“隐藏的”；工作

我试图通过隐藏溢出来禁用超出监视器分辨率的滚动。我不知道为什么它不起作用

App.js文件：

function App() {
  return (
    <BrowserRouter>
    <div className="App"
    style={{
      overflow:"hidden"
      }}
    >
    <Route
        exact
        path="/"
        component={DefaultView}

    ></Route>
    </div>
    </BrowserRouter>
  );
}

函数应用程序（）{
返回(
);
}

默认视图文件：

render(){
        return(
            <div
                style={{
                    overflow:"hidden"
                }}>
                <div
                    className="bg"
                    style={{
                        backgroundColor:"#FFFFF",
                        position:"absolute",
                        width:"100%",
                        height:"100%"
                        }}
                />
                <div 
                    className="line"
                    style={{
                        backgroundColor:"#289BD3",
                        position:"absolute",
                        height:"1000px",
                        width:"1920px",
                        transform:"rotate(45deg)",
                        top:"200px",
                        left:"-800px"
                    }}
                >
                </div>
            </div>
        )
    }

render（）{
返回(
)
}

现在，没有X滚动，但我可以上下滚动

问题的代码沙盒：

---

谢谢你的帮助

我不确定您在这里到底想要完成什么，但是为了使overflow hidden具有任何意义，您需要为各个元素定义一些高度和/或宽度：

<div
  style={{
    overflow:"hidden",
    height:"1000px",
    width:"1920px"
  }}
>
...

...

我将父div的位置更改为绝对，将子div的位置更改为相对，从而解决了这个问题。

您是在询问CSS吗？您确定是

溢出：隐藏的
元素在查找吗？您希望容器元素上有
overflow:hidden
。可能您只需要将该样式应用于您的？请使用或其他显示代码如何工作的网站。如果您使用overflow:hidden属性，则父组件应定位为绝对，子组件应定位为相对well，那完全是错误的<代码>溢出：隐藏的
不需要绝对定位。我建议重写答案，使其不那么规范（例如使用代码“我定位了父级绝对和子级相对，并解决了问题”）。