我有以下标记,这一切都是为现代浏览器完成的。我如何修改它以获得与旧浏览器(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
没有滚动。