时间戳

首页 > 解决方案 > div 没有伸展到身体的最顶部

html - div 没有伸展到身体的最顶部

问题描述

这是我的代码：

html,body, #main_div{
   height: 100%;
}
        body {
      background-color: #1862A1;
      background-image: linear-gradient(90deg, #1862A1, #8529B1);
      padding-left: 20%;
      padding-right: 20%;
    }
        #main_div{
      background-color: white;
    buttom: 0;
    height: 100%;
    width: 100%;
        }

我的网站在其母版页中只有一个<body>标签，并且在我的主页中居中<div>，问题是 div 没有延伸到正文的顶部，如图所示： 在此处输入图像描述

有人有什么想法吗？

标签： htmlcss

解决方案

body边距和填充0将解决问题。所以你更新的代码将是

html,body, #main_div{
   height: 100%;
}
        body {
      background-color: #1862A1;
      background-image: linear-gradient(90deg, #1862A1, #8529B1);
      padding-left: 20%;
      padding-right: 20%;
      margin: 0;
      padding: 0;
    }
        #main_div{
      background-color: white;
    buttom: 0;
    height: 100%;
    width: 100%;
        }

推荐阅读