html - 两个相同大小的元素显示不同的宽度

标签 html css

我正在布置网站设计,但遇到错误...

html 元素被分配了 800px 的固定宽度,body 元素 ID 'page' 无论我怎么尝试都不会占用 100% 的宽度?

这是代码...

<html>
<body id="page" >
    / content /
</body>
</html>


html {
    width: 800px;
    margin:0;
    padding:0;
}

#page {

}

我已经尝试将#page 设置为'width:800px'、'width:100%'、'margin:0'、'margin:0 auto' 等,但无论如何总是有 1px 的间隙#page 的右侧。我什至尝试过设置 'width:801px' 但它不起作用,以及设置相对位置 left 1px 以防它由于某种原因向左溢出,但它不是......

我是不是遗漏了什么愚蠢的东西,我使用的程序是有问题的,还是其他什么?我来自哪里,800px 与 800px 相同,这是怎么回事?

谢谢大家....

编辑: 所以,回顾以前的元素,我发现了对我有用的东西。无论是我正在使用的程序(免费),还是我缺少的东西,这对我都有效,因此解决了我的问题。

<html>
<body>
/ content /
</body>
</html>

html {
    width: 800px;
}

body {
    margin: 0;
}

最佳答案

可能有一些额外的 css 潜入某处。检查 #page 元素上的任何 border 属性。

运行这段代码,应该没有一个像素间隙。

html {
  width: 800px;
  background: lightgrey;
}

#page {
  margin: 0;
  border: none;
  background: yellow;
}
<html>

<body id="page">
  / content /
</body>

</html>

关于html - 两个相同大小的元素显示不同的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46185690/

相关文章:

html - WordPress:Elementor 插件正在按钮中添加 <br>

javascript - 如何使用 ng-model 属性将 '%' 字符添加到输入 View ?

javascript - ASP.NET - 如何在页面回发中检索 javascript 应用的 CSS 样式?

html - Windows Phone 8 的 IE10 中的奇怪文本大小

javascript - 防止径向渐变改变形状和大小

html - 下拉菜单的CSS样式

html - 我如何获得一个 div 来包裹 float 的 child ?

javascript - 基于最长宽度字符串的 CSS/HTML 居中段落内容

javascript - 从 JavaScript 中的 URL 检索后无法显示变量值

javascript - 动画脚本在 Chrome 以外的浏览器中不起作用