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

如何删除正文周围的边距空间或清除默认的CSS样式

芮祺
2023-03-14
问题内容

我当然是一个初学者,但在发布此内容之前,我也进行了大量搜索。我的div元素周围似乎有多余的空间。我还想指出的是,我尝试了很多border组合:0,padding:0等,似乎没有什么可以摆脱空白的。

这是代码:

<html>
<head>
    <style type="text/css">
        #header_div  {
            background: #0A62AA;
            height: 64px;
            min-width: 500px;
        } 
        #vipcentral_logo { float:left;  margin: 0 0 0 0; }
        #intel_logo      { float:right; margin: 0 0 0 0; }
    </style>
</head>
<body>
    <div id="header_div">
        <img src="header_logo.png" id="vipcentral_logo">
        <img src="intel_logo.png" id="intel_logo"/>
    </div>
</body>

这是它的样子(我插入了红色箭头以明确地指出多余的空间):

我期望蓝色直接与浏览器边缘和工具栏邻接。这些图像都正好是64像素高,并且背景色与分配给#header_div的背景色相同。任何信息将不胜感激。


问题答案:

body has default margins

body { margin:0; } /* Remove body margins */

或者您可以使用此有用的全局重置

* { margin:0; padding:0; box-sizing:border-box; }

如果您想要的东西不那么* 全球性:

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


 类似资料:
  • 问题内容: 我尝试在鼠标光标位于帮助图标上时显示跨度。 它可以工作,但是尽管如此,我还是无法删除图标周围的边框。 我的CSS: 光盘 问题答案: 尝试这个: 您还可以通过以下方式限制范围并仅删除某些图像上的边框: 可以在此处找到有关border css属性的更多信息。 编辑:将边框从更改为。如注释中所述,对于的单位是多余的。

  • 问题内容: 我正在使用此CSS来格式化两列,但是我仍然在两列之间留有边距空间。我可以使用或类似的方法消除它。有没有更优雅的方法可以做到这一点,或者CSS代码有问题? 问题答案: 也许您有: ?如果是这样,那么这可能是一个空格问题(事实证明,空格在html中确实很重要)。这应该解决它:

  • 我想检查一下我可以使用哪些方法来删除匿名蓝色轮廓

  • 问题内容: 我创建的每个网页都有这个问题。我用来将内容放置在页面中央的“主容器” div上方总是有一个上边距。我正在使用css样式表,并将主体中的边距和填充设置为0px,并在div中将边距和填充设置为0: 我已经看了很多遍网上了,但是我所能做的就是设置这些margin和padding属性。还有什么我应该做的吗?边距存在于IE和Firefox中。 这里是对代码的更彻底的了解(它处于创建的开始阶段,因

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

  • 如何禁用这两个checkstyle规则文件,使它们不再困扰我?