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

2023-12-09

我诚然是一个初学者,但在发布此内容之前我也做了相当多的搜索。我的 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>

这就是它的样子(我插入了红色箭头来明确指出额外的空间):

Extra space around a div element

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


body has 默认情况下 8px边距:http://www.w3.org/TR/CSS2/sample.html

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

或者你可以使用这个有用的全局重置

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

如果你想要更少的东西* global:

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重置:

http://meyerweb.com/eric/tools/css/reset/
https://github.com/necolas/normalize.css/
http://html5doctor.com/html-5-reset-stylesheet/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何删除正文周围的边距空间或清除默认的 css 样式 的相关文章

  • 更新 Parse.com 中的一行

    我所拥有的是 当单击编辑按钮时 两个输入字段中的值将创建一个新行 并删除旧行 下面是我使用的代码 但我想要的是更新原始行而不是删除原始行 实例 http jsbin com uyonek 2使用下面的代码是如何工作的 editBtn onc
  • 是否可以使用 Chrome 开发者工具审核多个页面?

    我试图找出我的网站中未使用的 CSS 类 然后我发现 Chrome 开发者工具中有一个审核功能 可以标记未使用的 CSS 类 但是 它一次只能执行一页 有没有办法让它审核多个页面 以便我可以找出所有页面中未使用的 CSS 类 我知道有一个
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • 如何使用 Angular 2 实现拖放(v2.0.0-beta.15)

    我想以角度实现一个简单的拖放列表 例如我可以更改其顺序的杂货列表 iv 在使用之前实现它https github com akserg ng2 dnd https github com akserg ng2 dnd但我的问题是我使用角度2
  • 文本区域下的额外填充

    我的文本区域下面有额外的填充 但我似乎找不到它的来源 我已将单独的代码放在此页面上 http jsfiddle net wfuks http jsfiddle net wfuks 我似乎找不到它的来源 它有类 field field bac
  • 文本区域值高度[重复]

    这个问题在这里已经有答案了 我有一个 textarea 其 css 高度设置为 85px 用户可能会在该文本区域内键入内容行 我想知道文本 值的高度 而不是文本区域本身 有没有办法检查内部文本的高度 包括换行符 我会将文本区域的内容复制到另
  • CSS:仅背景不透明度,而不是内部文本[重复]

    这个问题在这里已经有答案了 我有这个注册表框 我真的很喜欢背景如何变得不透明 透明为 25 85 但后来我注意到文本和表单元素也变暗了一点 所以我想知道如何做到这一点只有边框和背景而不是盒子里面的东西 regForm z index 11
  • CSS flex-basis: 0% 与 flex-basis: 0px 有不同的行为

    根据MDN https developer mozilla org en US docs Web CSS flex the flex 1应设置简写flex basis 0 然而 它实际上设置了flex basis 0 更令人惊讶的是 这有不
  • 使用 XPath 获取内部有链接的段落文本

    我正在使用 XPath 解析 HTML 页面 并希望获取某些特定段落的完整文本 包括链接文本 例如我有以下段落 p class main content This is sample paragraph with a href http g
  • 为什么Disabled = true对于html有效?

    我注意到我们的代码中有一个disabled ture 我是锚标签的源代码 我想知道为什么它在 IE 中有效 我也在互联网上进行了搜索 通过网络搜索 它也被用于很多源代码中 我一直在搜索if ture 拼写错误的true也可以被IE使用 有人
  • 垂直对齐材质图标

    我正在尝试在导航菜单中垂直对齐 下拉箭头 我尝试过各种方法 例如vertical align middle display inline block 之类的东西 但这根本没有帮助 http img02 imgland net jfCmDoW
  • 如何使用 jQuery 将各种元素包装在 div 标签中?

    我有一个 html 结构 如下所示 h5 Title h5 p Content p ul li Item li li Item li ul p Content p h5 Title h5 p Content p ul li Item li
  • 使用时间序列数据和scaleBand指定D3条形图上的刻度

    我尝试为具有时间序列数据的 d3 v4 条形图指定多个刻度和多个刻度标签 如下图所示 基于本教程 https bl ocks org zigahertz 1ee4965ff76514517bb7ce6af21e5d44我有一个处理时间序列数
  • 在java中将DataURL图像转换为图像文件

    我在我的 java servlet 中接收图像 DataURL 它看起来像 data image jpeg base64 9j 4AAQSkZJRgABAQAAAQABAA 我需要将其另存为图像文件 我该怎么做 The simplest w
  • javascript获取网页中选定文本的段落

    突出显示文本后 我想获取所选文本所在的段落 var select window content document getSelection 请问有什么指点吗 这实际上很难做到 因为你必须考虑六种情况 所选内容不在一个段落内 简单 整个选择都
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • 如何使链接悬停时的背景图像模糊?

    当您用鼠标光标悬停链接时 我想让我的背景图像模糊 5 像素 有什么简单的方法可以实现这一点吗 我有点纠结于类和 id 在这里 pic background url http www metalinjection net wp content
  • LESS CSS 在媒体查询中设置变量?

    我正在开发一个专门针对 iPad 的网站 为了使我的网站能够在视网膜显示屏 iPad 和旧版本 iPad 上运行 我想在媒体查询中的 LESS CSS 中设置一个变量 例如 media all and max width 768px rat
  • 如何使网站适应用户的屏幕分辨率?

    我正在使用 1024x768 屏幕分辨率来设计我的网站 当您从屏幕分辨率较小 较大的计算机上的浏览器中查看网站时 网站开始变形 无论用户的屏幕分辨率是什么 如何使网站适应用户的屏幕分辨率 我相信通过 JavaScript 或 CSS 是可能
  • Chrome 上的 contenteditable 中未显示编辑光标

    当您打开此页面时 请参阅现场演示 http jsfiddle net gs3p1a6r 3 show 与 Chrome span span CSS myspan border 0 outline 0 JS myspan focus the

随机推荐

  • 使用还是不使用正则表达式?

    我刚刚问了这个question关于使用正则表达式允许 90 0 和 90 0 之间的数字 我得到了一些关于如何实现正则表达式的答案 但大多数答案还提到 不使用正则表达式会更好地处理 或者使用正则表达式会太过分 那么如何决定何时使用正则表达式
  • 输入 0 与层 gru_13 不兼容:预期 ndim=3,发现 ndim=2

    我想用3CNN with 3GRU层 这是架构 layer a Input shape 120 dtype float32 name main layer b Input shape 9 dtype float32 name site la
  • 如何使用 Javamail 访问其他邮箱(IMAP、Exchange 2010)

    我想通过 Javamail API 1 4 5 使用 IMAP 和普通登录来访问共享邮箱 不是文件夹 邮件服务器是 Exchange Server 2010 用户 用户1 电子邮件受保护 密码 xxxx 共享邮箱 电子邮件受保护 我已成功访
  • 为什么使用 Collection.empty[T] 而不是 new Collection[T]()

    我想知道是否有充分的理由使用Collection empty T 代替new Collection T 或相反 或者这只是个人喜好 Thanks Calling new Collection T 每次都会创建一个新实例 另一方面 Colle
  • Azure 应用程序网关出现错误 404,但后端探测正常

    我已经设置了应用程序网关 并在我的域中添加了 CNMAME 以指向应用程序网关的 DNS 名称 应用网关最终将指向3个站点 我创建了 3 个 Web 应用程序 并将每个应用程序添加到后端池中 我最初使用默认的 HTTP 设置 appGate
  • 使用 Selenium 使用 WindowHandles 跟踪和迭代选项卡和窗口的最佳方法

    我们正在与 Selenium webdriver 合作 为 Internet Explorer 11 进行 UI 测试 在测试的 Web 应用程序中 会弹出几个屏幕 在一些测试中 我们最终得到了三个浏览器窗口 因此也得到了三个 Driver
  • Django日月事件日期查询

    我有一个 Django 模型 如下所示 class Event models Model name model CharField etc date model DateField etc 我需要的是一种获取给定日期和月份的所有事件的方法
  • 在画布中创建多个可拖动的圆圈

    我在 HTML 画布中制作多个可拖动的圆圈时遇到问题 我真的不知道我做错了什么 希望有人能指出我的错误 这里是菜鸟 所以请不要猛烈抨击 我在这里附上了我的代码 var canvas document getElementById canva
  • 使用 Kivy 检索 MySQL

    我有一个 Kivy 代码 其输出是 我想更换Box No 从 MySQL 检索字符串 到目前为止 我已经尝试将 MySQL 实现到 python 脚本中 class RemoveScreen MyLayout def init self k
  • 为什么在 Android 模拟器中单击“调试”时 React Native 应用程序会崩溃?

    在 Android 模拟器中单击 调试 时 React Native 应用程序显示错误 尝试在空对象引用上调用接口方法 java lang String com facebook react bridge Cat alystInstance
  • 不使用 + 运算符将两个数字相加的最佳方法是什么?

    我和一个朋友正在反复玩脑筋急转弯 但我不知道如何解决这个问题 我的假设是某些按位运算符是可能的 但不确定 在 C 语言中 使用按位运算符 include
  • 如何在 Visual Studio 2019 中将清单文件添加到我的 C# 程序?

    我有一个简单的应用程序 我想强制在管理模式下运行 为此 我需要编辑清单文件 我看到教程显示通过单击 项目 gt 添加 gt 新项目 来添加它 但那里没有适合我的清单文件 我尝试制作自己的文件 并将其从项目属性设置为清单文件 但我不知道在那里
  • 传递给 readFileSync 的匿名函数不返回任何数据

    我写了一个简单的JS对象 它有功能csvFileToArray 函数应返回解析后的 CSV 数组 问题是我没有传递给匿名函数的输出readFileSync test1已正确记录到控制台 但是test2 is not 这是我第一次使用 nod
  • 如何使用 bash 从 URL 字符串获取维度

    我在 mac 上使用 bash 并有一个 URL 字符串 我想从包含如下尺寸的 URL 中提取宽度和高度值 url domain com project asset 300x250 july2 url domain com project
  • 使用 Office Web Apps,您可以通过 webdav 打开文档吗?

    我们正在将旧的桌面应用程序转换为支持网络的等效应用程序 然而 有一个功能造成了困难 即编辑 MS Word 文档 当前提出的解决方案是通过 WebDAV 发布 DOC 和 DOCX 文件 并使用自定义 ActiveX 组件启动 WinWor
  • scanf 一个大的十六进制值

    我在尝试使用 scanf 从用户处获取大的十六进制数字 12 个字符 时遇到问题 它似乎只得到最后8个字符 例如 ABFFFFFFFF将变成0000FFFFFFFF 这是我的代码 unsigned long long address sca
  • datetimepicker 在单击外部时将日期设置为今天的日期

    我到处寻找这个问题的答案 但没有运气 所以现在我不得不问 我有 Trent Richardson 的日期时间选择器 由于某种原因 设置的选项非常少 当我单击外部而不选择日期时 它会自动将日期字段设置为今天的日期 有人知道发生了什么事吗 这是
  • java进程中有很多线程

    为什么一个简单的 Java GUI 应用程序要创建这么多线程 Java 使用线程来做很多事情 当然是应用程序的主线程 应用程序启动的任何线程 例如 SwingWorker Swing 有一个单独的事件调度线程以及一些其他内务线程 计时器 其
  • 解码音频和视频并处理两个流——ffmpeg、sdl、opencv

    我的目标是独立处理 mpeg 2 文件的音频和视频 并保持两个流的同步性 视频时长最多约为 1 或 2 分钟 首先 按照这个post opencv 用于读取视频 并执行处理 ffmpeg 用于音频 SDL 用于播放两者 听起来很完美 考虑到
  • 如何删除正文周围的边距空间或清除默认的 css 样式

    我诚然是一个初学者 但在发布此内容之前我也做了相当多的搜索 我的 div 元素周围似乎有额外的空间 我还想指出的是 我尝试了 border 0 padding 0 等多种组合 但似乎没有什么可以消除空白 这是代码