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>

修改：我希望得到.container 100％的窗口高度和padding: 15px而不滚动。

Answer 1

如果你不显示或说，你期望的结果是它真的很难提供帮助，但你可以使用ie7的css hacks就像使用相同属性的“*”那个属性只适用于ie7

Answer 2

您是否尝试过将overflow：hidden添加到容器中？

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

2 个答案: