white space between green div and both top and sides of screen
我的索引页
export default function Home()
{
return(
<div className = {stylesMain.bodyDiv}>
<div>home</div>
</div>
)
}字符串
它调用的CSS
.bodyDiv{
background-color: green;
height:500px;
width: 100%;
position: 'fixed';
display: 'flex';
justify-content: 'center';
align-items: 'center';
margin: 0;
padding: 0;
}型
如图所示，div没有到达页面边缘
我第一次尝试在网上找到解决方案，但没有一个解决方案对我有效。有一个解决方案特别弹出多次，那就是制作一个并将其边距和填充设置为0，但每当我尝试使用body标签时，
export default function Home()
{
return(
<body>
<div className = {stylesMain.bodyDiv}>
<div>home</div>
</div>
</body>
)
}型
它抛出这个错误：错误代码：由于初始UI与在服务器上呈现的UI不匹配，协调失败。警告：服务器HTML应在中包含匹配。
1条答案
按热度按时间ujv3wf0j1#
这似乎是一个
CSS的问题。你只需要添加0边距到你的样式中的所有元素。尝试在你的style.css文件中添加以下内容，它应该会做的伎俩。希望有帮助。字符串
margin属性默认情况下会删除所有的边距，除非你专门为某个元素设置了边距。padding将对元素的填充执行相同的操作，box-sizing允许在元素的总宽度和高度中包含填充和边框。如果您在元素上设置box-sizing: border-box;，则填充和边框将包含在宽度和高度中。