0

サイトの左側が画面サイズに基づいて拡大し、右側が固定幅のままになるように、リキッド レイアウトを作成しようとしています。これは IE では正常に機能しますが、Chrome では、左側はスペース全体ではなく、コンテンツの長さだけを拡張します。

#bbContent{width:100%; min-width:829px;}
#leftActivity
{
float:left;
margin-right:334px;
min-width:421px;
margin-top:18px;
padding-left:14px;
padding-right:60px;
overflow:hidden;
}
#rightActivity
{
float:right;
width:320px;
margin:18px 14px 0 -334px;
}
4

2 に答える 2

1

これはあなたが探しているものですか？

http://jsfiddle.net/KnVrA/1/

leftActivity はフローティングであるため展開しないのが理にかなっています。コンテンツがそれほど長くない場合は展開されません。

編集：キョムのフィドルを使用して、いくつかのものを取り出し、いくつかのものを再配置しました

更新: パーセントベースのhttp://jsfiddle.net/KnVrA/2/を使用

左側の内側にラッパーを追加して、右側にパディングを作成できます

于 2012-06-19T16:07:41.380 に答える
0

左側にラッパーを追加し、#leftActivity からフロートを削除して、ソリューションを修正しました。ラッパーに負のマージンを追加し、右側から負のマージンを削除します。

#leftWrap{float:left; width:100%; min-width:421px; margin-right:-334px;}
#leftActivity
{
margin-right:334px;
margin-top:18px;
padding-left:14px;
padding-right:60px;
overflow:hidden;
}
#rightActivity
{
float:left;
width:320px;
margin:18px 14px 0 0px;
}
于 2012-06-19T17:30:32.840 に答える