<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
出于某种原因，如果我对其应用边框，.container 只是浏览器窗口的 100%。它只有这里是代码，没有边框:
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
letter-spacing: 1px;
}
.container {
width: 100%;
height:100%;
margin: 0;
padding: 0;
display:block;
}
HTML 非常简单
<div class="container">
<div class="inner_box">
<div class="text_box">Project Three</div>
<ul>
<li>content</li>
</ul>
</div>
</div>
有人知道为什么我需要在 .container 上添加边框以使其达到 100% 高度吗？
最佳答案
实际上 100% 高度在您的代码中有效。只是没有边界你就看不到它。如果您想检查它，请在 Chrome 中按 F12 并将鼠标悬停在 html 元素上以查看 html 元素的正确高度和宽度。如果仍然存在问题，请考虑将 100% 高度应用于 .inner_box 类。它会带来一些改变。但是如果没有开发工具，您仍然无法看到 100% 的高度。
关于html - 100% 高度不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18531093/