3

私は私の投稿の前に関連する質問も見たので、私は非常に一般的な質問をするつもりだと思いますが、これは少し異なります。通常、2 divを垂直方向に拡張しても問題は発生しませんが、現在はブートストラップフレームワークを使用してアプリケーションに取り組んでいます。それは流動的なレイアウトであるため、私はいくつかの問題に直面しています。解決策を提案してください。これは私が使用したものです:

HTML:

<div class="main">
  <div class="left">content</div>
  <div class="right">content</div>
</div>

CSS:

.left{ 
    position:absolute; 
    left:0px; 
    border-right:1px solid #bfc4c9;  
    background:#ebf2f9; 
    width:280px !important;
}

.right{ 
    display:block;  
    float:left; 
    position:relative;  
    padding-right:9px; 
    margin-left:300px;  

}

左右両方のdivを垂直に揃えたい。コンテンツは右のdivに入るので、左のパネルの高さを右のパネルの高さとともに大きくしたいのですが、流動的なレイアウトなので、左のパネルの幅だけが固定されているため、右のパネルで幅を定義できません。

4

2 に答える 2

0

左の列で絶対位置(上、下、左、右)を使用すると、機能するようです。

http://jsfiddle.net/ArbVp/

メインdivを相対位置にし、列の下にクリアを追加する必要があります。

于 2012-09-19T15:33:09.673 に答える
0

@DBUK:
評判ポイントが足りないため、投稿にコメントを追加できませんでした。
私はあなたのフィドルを更新しました:http: //jsfiddle.net/ArbVp/50/

この場合、「float」を使用する必要はまったくありません。また、他のいくつかのCSS値は「必須」です...!;-)

乾杯
ガンサー

于 2013-08-31T14:53:43.147 に答える