我正在布置网站设计,但遇到错误...
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/