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 に答える