div 4 div 1が展開されたときに、同じ位置にとどまるようにする方法がわかりません。すべてのdivは、左と私はのdiv 2を展開するDIV 1を展開したときも、私はのdiv 1、3とDIV 2をラップすることはできません2,4エキスパンド可能なdivs
間の空きスペースを残して拡張し浮遊しています、4つの別々のdivで
これは私がdiv要素に使うスタイルです：
.subcatagory {
float: left;
width: 150px;
}
floatの問題です。このためにはJs masonryを使用する必要があります。他には、あなたは、このようなあなたのマークアップを定義する必要があります。
<div class="parent">
<div class="long">1</div>
<div>3</div>
</div>
<div class="parent">
<div>2</div>
<div>4</div>
</div>
チェックはこのhttp://jsfiddle.net/XhMtK/1/
以下は、あなたが探しているものを行います。私は元のdivをすべてのdivをその幅を2にするように設定しました。次に、2つのdiv、カテゴリ（div1とdiv3はこのクラスの下にあります）と、左右に浮動するサブカテゴリを分類しました。デモするコードは次のとおりです。
<html>
<head>
<style type="text/css">
#dvMain{
width:305px;
}
.subcategory, .category{
width: 150px;
border:solid black 1px
}
.subcategory{
float: right;
}
.category {
float: left;
}
</style>
</head>
<body>
<div id="dvMain">
<div id="dv1" class="category">1asadssadsad
sadsa
ds
adsad
sa
dsadsadsadsa
</div>
<div id="dv2" class="subcategory">2</div>
<div id="dv4" class="subcategory">4</div>
<div id="dv3" class="category">3</div>
</div>
</body>
</html>
どのブラウザをサポートしますか？ – fcalderan
あなたのコードを共有することができます –