2

内部に2つのdivを持つコンテナがあります。1 つはコンテナーの左側を取り、2 つ目 (rightBarItems) は右側に配置する必要がありますが、その高さをコンテナーの高さと同じにしたいと考えています。基本的に、右側に列を作成しています。

HTML:

<div class="container">
        <div class="itemMain"><?php include("itemMain.php"); ?></div>
        <div class="rightBarItems"><?php include("rightBarItems.php"); ?></div>
</div>

CSS:

.container {
    overflow: hidden;
    background: white;
    padding-right: 20px;
    -webkit-box-shadow: 4px 2px #492409,  -4px 0 2px #492409;
    -moz-box-shadow: 4px 0 2px -6 #492409,  -1px 0 2px #492409;   
    box-shadow: 4px 0 2px  #492409,  -4px 0 2px #492409;
}
4

2 に答える 2

2

2つのdrityソリューション（どちらにも問題があります）

最初：

1) コンテナを基準にして位置を設定し、2) 左の要素をフロートします。3) 右の要素を絶対に配置し、その top:0 と bottom:0、right と width を設定します

もちろん、これに関する問題は、左のコテナーのコンテンツが右のコンテンツよりも大きくなければならないことです

2 つ目 (html にさらに要素を追加できる場合): 1) コンテナーに対して相対的な位置 2) 右と左のコンテナーをフロート 3) 右の要素の「bg」である新しい div を作成 4) その絶対位置前と同じ方法: right:0、top:0、bottom:0、および width 5) 必要に応じて z-index を微調整します

:O

編集：

後者のソリューションの簡単なサンプル: http://jsbin.com/ecaced/1

于 2012-07-31T20:32:42.517 に答える
0

height: auto;またはheight: 100%;動作するはずです。

于 2012-07-31T18:46:29.980 に答える