HTML横幅未正确对齐页面顶部

发布于04月23日

该代码将始终将迪夫保留在页面顶部下方，而不影响实际顶部.迪夫是页面的第一个. (IDE:VS Code，收件箱浏览器:MS Edge)

我try 过的是:

添加标签:没有改变任何事情
删除页边空白+填充:在浏览器中将其设为空，仍然没有更改任何内容
翻译/转换: destruct 跨平台兼容性

html, body {
    margin: 0;
    padding: 0;
    background-color: gray;
    height: 100%;
    box-sizing: border-box;
}

#Banner {
    background-color: red;
    width: 100%;
    margin: 0;  
    padding: 0;
    box-sizing: border-box;  
}

#Image1 {
    width: 200px;
    height: auto;
}

#Projects button {
    display: none;
}

h1, p, #BannerText {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

<div id="Banner">
  <header>
    <h4 id="BannerText">FIRST PROJECT WILL BE COMING SOON</h4>
  </header>
</div>
<div id="Main">
  <h1>AU Programs</h1>
  <p>Hey! I'm an amateur programmer who loves to create and share projects.</p>
</div>

html, body { height: 100%; } body { margin: 0; background-color: gray; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; } header { background-color: red; } header h4 { margin: 0; text-transform: uppercase; }

HTML横幅未正确对齐页面顶部

推荐答案

Html相关问答推荐

悬停时放大人物：不要增加其周围边界的大小

关于角内按钮范围的混乱

如何在不影响子列表的情况下在HTML(OL Li)上同时加数字和列表？

如何使用css为动态用户输入矩阵添加背景色？

通过动态div的对角线

在FlexBox中将div拉伸到父div的完全高度

如何收集<；p&>元素下的<；p>；子元素

网格布局中的组件

网格项未在同一行上对齐

是否有语义 HTML 可以澄清含义？

样式化单选按钮背景 colored颜色

CSS Grid 布局：1 大图和 3 小图

如何使用jQuery将我制作的通用头部和底部加载到多个HTML文件中？

如何使背景 colored颜色逐渐渐变成另一种 colored颜色？

如何配置 prettier 使其以 Vue.js 模板语法的特定方式运行？

如何在图片前面放置下拉框？

SVG 调整大小而不是溢出

在身体外部创建 tanget 45° div

水平对齐两列中的两个按钮同一级别

正确使用视频作为背景