0

コンテナを中断せずに、コンテンツの2つの領域を並べて表示することはできません。最初の領域がfloat：leftにキューされていますが、float：rightをコンテンツ領域2にキューすると、コンテナーが機能しなくなります。

オブジェクトは右に浮きますが、コンテナは消えます。

これが私のウェブサイトですhttp://aasdsafasdf.weebly.com/（私は非常に初期の段階です）

#container {
width: 1100px;
margin: 0 auto;
background: #ffffff;
}


#content {
float: left;
height: auto;
width: 710px;
}

#content2 {
float: right;
height: auto;
width: 350px;
}
4

2 に答える 2

0

ページにいくつかのマークアップエラーがあります（</script>スタイルシートへのリンクの1つの後のタグに注意してください）が、オーバーフローを非表示にするようにコンテナを設定するだけです。

#container {
   width: 1100px;
   margin: 0 auto;
   background: #ffffff;
   overflow:hidden
}
#content2 {
   height: auto;
   width: 350px;
   float:right;
}

これで問題は解決するはずです。ただし、コードを修正するようにしてください...今はさまざまな問題があります：http：//validator.w3.org/check ？uri = http％3A％2F％2Faasdsafasdf.weebly.com％2F＆charset =％28detect +自動的に％29＆doctype = Inline＆group = 0

于 2012-10-17T01:20:50.620 に答える
0 
#container {
width: 1100px;
margin: 0 auto;
background: #ffffff;
}


#content {
float: left;
height: auto;
width: 710px;
display: block;
}

#content2 {
float: left;
height: auto;
width: 350px;
display: block;
}

両方のコンテンツdivを左にフロートさせ、display：block;にする必要があります。そうすると、両方のコンテンツdivが左側のdivに押し上げられます。

于 2012-10-17T01:21:41.827 に答える