Html 删除页面顶部的空白区域

Html 删除页面顶部的空白区域,html,css,asp.net-mvc,layout,bootstrap-4,Html,Css,Asp.net Mvc,Layout,Bootstrap 4,我想删除登录页面上方的空白。我不知道该去哪个地方。我在mvc项目中添加了一个登录页面,默认情况下页面顶部有空白。我想删除页面顶部的空白 见本参考资料: checkLogin.cshtml @{ ViewBag.Title = "checkLogin"; } @using (Html.BeginForm("checkLogin", "Home", FormMethod.Post)) { <div class=&

我想删除登录页面上方的空白。我不知道该去哪个地方。我在mvc项目中添加了一个登录页面,默认情况下页面顶部有空白。我想删除页面顶部的空白

见本参考资料:

checkLogin.cshtml


@{
    ViewBag.Title = "checkLogin";
}

@using (Html.BeginForm("checkLogin", "Home", FormMethod.Post))
{
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <form class="login100-form validate-form">
                    <span class="login100-form-title p-b-26">
                        kosmoanuaf
                    </span>
                    <span class="login100-form-title p-b-48">
                        <i class="zmdi zmdi-eye"></i>
                    </span>

                    <div class="wrap-input100 validate-input" data-validate="Valid email is: a@b.c">
                        <span class="btn-show-pass">
                            <i class="glyphicon glyphicon-envelope"></i>
                        </span>
                        <input class="input100"  type="text" name="username" required/>
                        <span class="focus-input100" data-placeholder="Email"></span>
                    </div>

                    <div class="wrap-input100 validate-input" data-validate="Enter password">
                        <span class="btn-show-pass">
                            <i class="zmdi zmdi-eye"></i>
                        </span>
                        <input class="input100" type="password" name="password" required/>
                        <span class="focus-input100" data-placeholder="Password"></span>
                    </div>

                    <div class="container-login100-form-btn">
                        <div class="wrap-login100-form-btn">
                            <div class="login100-form-bgbtn"></div>
                            <button class="login100-form-btn">
                                Login
                            </button>
                        </div>
                    </div>

                    
                </form>
            </div>
        </div>
    </div>
}

如何删除页面顶部的空白空间?我需要在哪个地方进行更正?

我想这是我在身体css中看到的问题。

试试看:

body { 
   padding-top: 0; 
   padding-bottom: 20px;
}

将正文的padding top设置为0,或者干脆将其删除。

@admin我正在试图找到解决方案,空的空间应该放在哪里请帮助您在css
padding top:50px
中给出,还添加了
背景色:#fff
在图像中。@RayeesAC是的,您是对的,我在控制台中找到了,但我忘记了试图查找问题解决了
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

body { 
   padding-top: 0; 
   padding-bottom: 20px;
}