0

次のマークアップがあり、すべて最新のブラウザーで行われます。古いブラウザー (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

4

2 に答える 2

0

コンテナにoverflow:hiddenを追加してみましたか?

于 2013-02-16T22:07:38.697 に答える
0

表示または発言しない場合、結果として期待することは非常に困難ですが、同じプロパティを " " で使用するなど、ie7 に css ハックを使用できます*。そのプロパティは ie7 でのみ機能します。

于 2013-02-16T21:21:32.500 に答える