Div對齊，避免在兩個div中使用相同的html

Question

我正在嘗試修復此jsfiddle。

問題是我想要第一個兩個div（class =「fbox」）在同一行並在同一級別。我可以將圖像拖到容器div。它重複的HTML，因爲我想但我也想限制使用圖像。例如，如果我已經在水平div中使用了第一個圖像，那麼我不希望該圖像同時處於垂直div。我想從其他div中刪除它。爲了更好地闡述，我創建了一個jsfiddle。我是新的，所以請原諒，如果我沒有正確解釋一切。看一看，請讓我知道我要去哪裏錯了。

http://jsfiddle.net/KWut6/373/

感謝

$('#x').bind('dragstart', function(e) { 
 
    e.originalEvent.dataTransfer.effectAllowed = 'copy'; 
 
    e.originalEvent.dataTransfer.setData('Text', '#x'); 
 
}); 
 
$('#y').bind('dragstart', function(e) { 
 
    e.originalEvent.dataTransfer.effectAllowed = 'copy'; 
 
    e.originalEvent.dataTransfer.setData('Text', '#y'); 
 
}); 
 

 
$('#drop-box').bind('drop', function(e) { 
 
    e.preventDefault(); 
 
    e.stopPropagation(); 
 
    $(this).html($(e.originalEvent.dataTransfer.getData('Text')).clone()); 
 
    return false; 
 
}).bind('dragover', false); 
 

 
$('#drop-box2').bind('drop', function(e) { 
 
    e.preventDefault(); 
 
    e.stopPropagation(); 
 
    $(this).html($(e.originalEvent.dataTransfer.getData('Text')).clone()); 
 
    return false; 
 
}).bind('dragover', false);

#plot { 
 
    width: 512px; 
 
    min-height: 512px; 
 
    background-image: url("https://cdn0.iconfinder.com/data/icons/large-glossy-icons/512/Chart_xy.png"); 
 
    background-repeat: no-repeat; 
 
    background-color: #cccccc; 
 
} 
 
.fbox { 
 
    display: inline-block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<image src="http://lorempixum.com/100/100/" draggable="true" id="x"> 
 
    <image src="http://vignette2.wikia.nocookie.net/steamplane/images/b/b0/Happy_Face_100x100.gif/revision/latest?cb=20120104232844" draggable="true" id="y"> 
 
    </br> 
 

 
    <div id="drop-box" class="fbox" style="border: 1px solid; min-height:512px; width: 100px;"></div> 
 
    <div id="plot" class="fbox">hallo</div> 
 

 
    <div style="padding-left:104px;"> 
 
     <div id="drop-box2" class="fboxf" style="border: 1px solid; min-height:100px; width: 512px;"></div> 
 
    </div>

Answer 1

與div的問題是： 對於這樣的佈局，你必須設置浮動PROPERT到左每個格