1


0

CSSを使用して可変サイズのdivを垂直方向に分割

私は、他の2つのdivを使用して、自動スケーリングのdivを垂直に2つに分割しようとしています。 私がこれまでに持っているもの:

  some stuff
  more stuff

with

#frame {
  position: static;
  width: 1000px;
  height: auto;
  /* more positioning stuff */
}
#left {
  position: absolute;
  width: 200px;
  height: 100%;
}
#right {
  position: static;
  margin-left: 200px;
}

#right`の内容が#left`の内容よりも高い場合を除いて、これはうまくいくようです。 この場合、leftの内容の一部は見えません。 `#wrapper`の必要な高さが計算されるときに、左divの高さも考慮されるようにするにはどうすればよいですか?

更新

それまでの間、#leftと#rightの両方を静的にしようとしましたが、2つのダイブは並んで表示されなくなりました。

1 Answer


1


#wrapper {
    overflow-y:hidden;
}
#left {
    float:left;
    width:200px;
}
#right {
    margin-left: 200px;
}

leftに背景色または背景画像が必要な場合は、代わりにラッパーにその背景画像を指定します。

これはIE6では動作しません。XHTMLDoctypeを使用しないと、7および8で問題が発生する可能性があります…​