0

わかりました、CSS でこの小さな問題が発生しています。高さ100％のメニューdivがあり、それを機能させるには次を使用する必要がありました

#menu {
  background:#222;
  width:120px !important;
  float:left;
  position: absolute;
  top: 30px;
  bottom: 0px;
}

私のコンテンツエリアにはこれがありますCSS

#content {
  float:left;
  display:block;
  height:300px !important;
  background:#333;
  width:100%;
}

ここでのデモ: jsFiddle - P3Adk

ご覧のとおり、コンテンツはメニューの下にありますが、これは私が望んでいないことです。左にフラッシュされたメニューの隣に配置したい。

4

3 に答える 3

2

次のようなことを試しましたか。

#content{
    display:block; 
    height:300px !important; 
    background:#333; 
    width:100%;
    margin:30px 0 0 120px;
}
#menu{
    background:#222;
    width:120px !important;
    float:left;
    position: absolute; 
    top: 30px; 
    bottom: 0px;
}​
于 2012-09-21T07:11:08.243 に答える
0

このように？

メニュー div から position:absolute を削除し、コンテンツ div にパーセント幅、メニュー div にパーセント幅 (または固定ピクセル幅)、および高さを指定します。

于 2012-09-21T00:58:17.740 に答える
0

これを試して：

#content {  
    height:300px; 
    width:100%; 
    background:#333; 
}
.content-inner {
    position:relative; 
    margin-left: 130px; 
    border:1px solid #F00; 
}
#menu { 
    float: left; 
    z-index: 1; 
    position: absolute; 
    left:0; 
    top:30px; 
    bottom:0; 
    width:120px; 
    background:#222; 
}

http://jsfiddle.net/kpjqz/

于 2012-09-21T06:43:59.423 に答える