0

3 番目のウィジェットが他のすべてのウィジェットの下にあることを除いて、それらはすべて正しい場所に移動しますが、まだ右側にあります。

Stackoverflow がうまくいかなかったので、コードを pastbin に置く必要がありました。

HTML http://pastebin.com/hSLwp2u7

CSS http://pastebin.com/k0eWm0Bn

4

3 に答える 3

0

正しいコードは次のとおりです。

CSS : http://pastebin.com/B7N5uyYZ

変更点: 1. float には中心値がありません (lqc と同じ) 2. float の右と左にマージン auto は必要ありません (これも lqc と同じです) 3. 重要なこと: 左と右のマージンを auto に設定した場合マージンは div 全体をカバーするため、他の要素を近くにレンダリングすることはできません。小さな計算: (100 - (30*3))/2 = 5 ..中央の要素に 5% のマージンを与える必要があります。(Hareesh を訂正します.. 99% ではありません。100% 男です :D )

于 2012-09-02T16:57:58.490 に答える
0

これを試して

#midtweet{
    margin:0 4.5%;
    float: left;
    width: 30%;
 }

また、#lefttweet から余白を削除します

于 2012-09-02T16:21:13.993 に答える
0

centerは float の正しい値ではないため、中間の値は float ではありません。そのため、3 番目の値は 2 番目の下にレンダリングされます。また、「margin: auto」はフロートにはまったく意味がありません。

中央のフロートを左に作成するか、フロートをまとめて削除して を使用する必要display: table-cellがあります。

于 2012-09-02T16:33:10.127 に答える