html - 容器填充问题（出现滚动条）

Question

我有以下标记，这一切都是为现代浏览器完成的。我如何修改它以获得与旧浏览器（IE7 等）相同的内容？只有绝对位置可以吗？

<style>
  html,
  body {
    height: 100%;
    margin: 0;
  }

  .container {
    box-sizing: border-box;
    height: 100%;
    padding: 15px;
    background: darkgreen;
  }

  .sidebar {
    height: 100%;
    width: 200px;
    background: #bada55;
  }
</style>
<div class="container">
  <div class="sidebar"></div>
</div>

编辑：我希望获得.container100% 的窗口高度并且padding: 15px没有滚动。

Answer 1

如果您不显示或不说，那么您所期望的结果确实很难提供帮助，但是您可以对 ie7 使用 css hack，例如使用带有“ *”的相同属性，该属性仅适用于 ie7

Answer 2

您是否尝试过在容器中添加溢出：隐藏？