即使指定了宽度和高度，overflow x仍然无效的问题（在react中）。

在React中，即使指定了宽度和高度，overflow-x仍然无效的问题可能是由于父元素没有设置正确的样式导致的。以下是可能的解决方法：

1. 确保父元素设置了正确的样式，包括宽度和高度。如果父元素没有设置宽度和高度，子元素将无法正确溢出。

// 父元素样式
const parentStyles = {
  width: "300px",
  height: "200px",
  overflowX: "scroll",
};

// 在你的组件中使用父元素样式
const ParentComponent = () => {
  return (
    <div style={parentStyles}>
      {/* 子元素 */}
    </div>
  );
};

2. 确保子元素设置了正确的样式。子元素可能需要设置宽度和高度以使溢出生效。

// 子元素样式
const childStyles = {
  width: "600px", // 设置宽度超过父元素宽度
  height: "100%",
};

// 在你的组件中使用子元素样式
const ChildComponent = () => {
  return (
    <div style={childStyles}>
      {/* 内容 */}
    </div>
  );
};

3. 确保没有其他样式或布局设置影响到了overflow-x的表现。如果有其他样式或布局设置可能会覆盖overflow-x的效果，你需要检查和调整这些设置。

如果以上方法仍然无效，可能是由于其他代码或组件的影响。你可以尝试在最小化的环境下进行测试，仅包含必要的代码和样式，以确定问题的来源。