2

どうすればこれができるか知っている人はいますか？

┌------------------------------------------------┐#内容
| | ┌-------------┐ ┌-------------┐ |
| | | | [.A]| |[.B] | | |
| | | | | | | | | | | |             
| | | | | | | | | | | |
| | └-------------┘ | | | | |
| | ┌-------------┐| | | | |
| | | | [.A]| | | | | | |
| | | | | | | | | | | |
| | | | | | └-------------┘ |
| | └-------------┘ ┌-------------┐ |                 
| | |[.B] | | |
| | | | | | | |
| | | | | | | |
| | └-------------┘ |
└------------------------------------------------┘

div(.oddpost) をメーソン化した div(#content) があります。2列なので右か左のどちらかしか入りません。今私がやりたいことは、左に行く .oddposts に div(.A) を表示させ、左に行くものに別の div(.B) を表示させることです。

.A と .B はどちらも .oddpost の中にありますが、どちらも最初は隠されています。立場によって「見せる」ようにしたい。位置とオフセットを使用してみましたが、石積みを使用していないときに .oddpost で有効になり、石積みがレンダリングされるため、少し混乱します。jQueryを使用してこれを達成する方法はありますか?

4

1 に答える 1

0

htmlファイルにdivを順番に作成し、これを2つのAのブロックに適用します

.A {
 float: left;
 }

左に浮かんでいるdivの内側で、これをBのブロックに適用します

 .B {
  float: right;
  }

cssファイル内の右側に配置されたdivブロック内で、それが機能するかどうかを確認します。この例を参照してくださいhttp://jsfiddle.net/nawar/gg24L/

于 2012-02-13T21:48:01.487 に答える