Html css即使我添加了元素，如何使页面正文保持相同的大小？_Html_Css

Html css即使我添加了元素，如何使页面正文保持相同的大小？

html css

Html css即使我添加了元素，如何使页面正文保持相同的大小？,html,css,Html,Css,我有一个页面，我想将我的身体设置为100%，这样它就不能接受屏幕大小，身体内部有一个主容器div，重量和高度是身体的90% 现在，每次我试图在内部添加div（Login in容器），并希望div到根div的30%，并在中间时，由于某种原因，主体会变长，而内部容器不会进入中间。为什么会发生这种情况？我如何解决它，同时保持屏幕的大小？可惜我没有足够的声誉来发布这张照片来帮助理解我说的话这是我的HMTL代码 <html> <head>

我有一个页面，我想将我的身体设置为100%，这样它就不能接受屏幕大小，身体内部有一个主容器div，重量和高度是身体的90%

现在，每次我试图在内部添加div（Login in容器），并希望div到根div的30%，并在中间时，由于某种原因，主体会变长，而内部容器不会进入中间。为什么会发生这种情况？我如何解决它，同时保持屏幕的大小？可惜我没有足够的声誉来发布这张照片来帮助理解我说的话

这是我的HMTL代码

<html>
          <head>
             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
              <link rel="stylesheet" href="<?php URL?> public/css/default.css">
              <title></title>
           </head>
           <body>
             <div id="mainContainer">
                 <header>

                </header>

                     <div id="loginInnerContainer">
                          <div id="loginLogoContainer"></div>
                          <div id="loginFormContainer"></div>
                     </div>
            </body>
 </html>

首先，我将重置整个页面的边距和填充：

*
{
  margin: 0;
  padding: 0;
}

这样，将重置一些默认填充和边距

下一件事是，您正在为您的#loginInnerContainer使用边距。边距始终在容器外部，您希望为此使用填充。更多信息。
尽管页面仍会根据需要变大

这是因为填充也会扩展容器
要排除此问题，您可以使用。
现在，您还可以将屏幕的宽度和高度设置为100%，而无需注意填充。

希望这对您有所帮助：）

实际上它帮助我理解了发生的事情，但我实际上使用了这个#loginInnerContainer{背景色：蓝色；宽度：90%；高度：30%；位置：绝对；顶部：0；底部：0；边距：自动0；}很高兴我能提供帮助：）

*
{
  margin: 0;
  padding: 0;
}