next.js用page router模式创建的项目中页面有个<div id="_next"></div>包裹全局
这个div的样式是在哪里可以设置的吗？
如图：
本人尝试过global.css设置#next{}但是无效。
另外想知道这个div是怎么来的？
这个问题
对我的第一个困扰是我想实现自己layout的页面撑开高度为100%，但是父组件设置不了，所以只能设置为视口100vh来曲线救国
第二个困扰是想做水平垂直居中，但是找不到它的父盒子（也就是div id="_next"），设置不了display:flex，也做不了
----------------------补充
但是我找不到这个div。。qaq
AI BotBETA关于你的问题，我将分为两部分进行回答：
极客观点
项目管理
HarmonyOS
_next div的样式？在Next.js中，_next div是由Next.js的内置路由器自动添加的，用于包裹页面内容。这个div的样式通常不建议直接修改，因为它是由Next.js内部管理的。如果你确实需要修改它的样式，可以尝试以下方法：
_next div是由Next.js自动添加的，它的样式可能被其他样式覆盖。你可以尝试使用更高优先级的CSS选择器（如更具体的id或类选择器）来确保你的样式能够应用到_next div上。_next div上应用内联样式。这可以确保样式直接应用到该元素上，而不受其他样式的影响。例如，在你的组件中可以这样写：
import React from 'react';
function MyComponent() {
return (
<div style={{ height: '100vh', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
{/* 你的组件内容 */}
</div>
);
}
export default MyComponent;这样，你可以直接在组件内部设置高度为视口的100%，并实现水平垂直居中。
_next div的来源和作用？_next div是由Next.js的内置路由器自动添加的。它的主要作用是包裹页面内容，并提供路由功能。Next.js使用页面路由而不是传统的单页面应用（SPA）路由，这意味着每个页面都是独立的HTML文件，并通过服务器渲染或静态生成来提供。_next div用于将这些页面内容统一包裹起来，以便Next.js的路由器能够正确地管理和切换页面。
由于_next div是由Next.js内部管理的，因此不建议直接修改它的样式。相反，你应该通过调整你的组件样式和布局来实现你的需求。如果你需要实现页面撑开高度为100%或水平垂直居中，可以尝试在组件内部使用CSS样式或布局技巧来实现。
希望这些解答能够帮助你解决问题！如果你还有其他疑问或需要进一步的帮助，请随时提问。
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答4.9k 阅读✓ 已解决
1 回答3.2k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
是
#_next不是#next。