当前位置: 首页 > 面试题库 >

如何删除网页的上边距?

戎桐
2023-03-14
问题内容

我创建的每个网页都有这个问题。我用来将内容放置在页面中央的“主容器”
div上方总是有一个上边距。我正在使用css样式表,并将主体中的边距和填充设置为0px,并在div中将边距和填充设置为0:

body{
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
    color: black; 
    font-size: 10pt; 
    font-family: "Trebuchet MS", sans-serif;
    background-color: #E2E2E2;
}

div.mainContainer{
    height: auto; 
    width: 68em;
    background-color: #FFFFFF;
    margin: 0 auto; 
    padding: 0;
}

我已经看了很多遍网上了,但是我所能做的就是设置这些margin和padding属性。还有什么我应该做的吗?边距存在于IE和Firefox中。

这里是对代码的更彻底的了解(它处于创建的开始阶段,因此其中没有太多内容……)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- TemplateBeginEditable name="doctitle" -->
        <title></title>
        <!-- TemplateEndEditable -->
        <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
        <link href="../Styles/KB_styles1.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="mainContainer">
            <p>Here is the information</p>
        </div>
    </body>
</html>

这是CSS:

@charset "utf-8";
/* CSS Document */

body{
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
    color: black; 
    font-size: 10pt; 
    font-family: "Trebuchet MS", sans-serif;
    background-color: #E2E2E2;
}

/* ---Section Dividers --------------------------------------------------------------*/
div.mainContainer{
    position: relative; 
    height: auto; 
    width: 68em;
    background-color: #FFFFFF;
    margin: 0 auto; 
    padding: 0;
}

div.header{
    padding: 0; 
    margin: 0;
}

div.leftSidebar{
    float: left;
    width: 22%; 
    height: 40em;
    margin: 0;
}

div.mainContent{
    margin-left: 25%;
}

div.footer{
    clear: both;
    padding-bottom: 0em; 
    margin: 0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
   * html div.leftSidebar { margin-right: 5px; }
   * html div.mainContent {height: 1%; margin-left: 0;}
/* End hide from IE5/mac */

问题答案:

我有类似的问题,可以通过以下CSS解决:

body {    
    margin: 0 !important;
    padding: 0 !important;
}


 类似资料:
  • 我想卸载webpack 4.44.1。关于这个的SO帖子对我不起作用。当我跑的时候: 然后当我跑步时: 它表明: 但是,当我跑步时: 它给了我: 所以,我的问题是为什么网页4.44.1会再次出现,以及如何有效地卸载它?

  • 我正在尝试使用工具栏为我的项目。下面是我正在使用的代码:

  • 问题内容: 我正在创建一个网站。 我已经编写了HTML部分,现在正在编写样式表。但是,我的标题上方总是有一些空间。如何删除? 我的HTML和CSS代码如下。 问题答案: 尝试: 您会看到保证金崩溃的影响。

  • 问题内容: 我能够从中删除标题栏,但我不知道如何删除边框。 问题答案: 要删除边框,只需致电 根本没有显示任何边框。

  • 我想删除Vaadin 8网格中所有单元格周围的边框。我不相信这可以用代码来做,并且表格的css不适用于网格,因此你如何为网格执行此操作?

  • 我正在尝试删除右边的最后一个边框,如下图所示。我该怎么处理这个? 我的代码: null null