divで座標を指定する

Question

サイト上にホールの計画を描く必要があります。ホールは第三者のプログラムに描かれています。プログラムは私に、各場所の座標の形で会場の計画を与える：

Row Place X Y Widht Height 
1 1  10 10 35  35 

エディタでの計画は次のようになります。私はビューに描画するために、次のコードを持っている

：

@foreach (var plan in Model.HallPlans) 
{ 
<div class="place" style="left:@(plan.X)px; top:@(plan.Y)px; height: @(plan.Height)px; width:@(plan.Width)px">@plan.Seat</div> 
} 

このコードは、次の生成：

divブロックのサイズを2倍に減らしたいとします。

4行目で、私が望んでいたような最初の3行の大きさが、広い場所が正しくないに見えます（ない行の終わりまで。）：私は2でHeightとWidthを分割する場合、それは次のようになります。どのように修正する？そして、どうすればdivのスペースを減らすことができますか？

PS。いくつかのCSS：

div.place { 
    display: block; 
    text-indent: -9999px; 
    margin: 0 0 1px 1px;  
    position:absolute; 
    float: left; 
    border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;  
} 

ありがとう、私の英語のために申し訳ありません。

Answer 1

あなたが述べ行 が 2で Widthを分割するが、唯一の Height、それはありませんだけのために2で Widthを割ったので、それは、4行目は、あなたが望むの半分の幅は非常に簡単ですです列の終わりまで塗りつぶします。あなたも Xと Y 2によって、出力などを分割し、 Width及び2による Heightを分割することを決定 を：また

このアプローチを見て、私はこれが何をしたいかもしれません実現します定期的に元のイメージに似ていますが、サイズの半分に似た最終結果が表示されます。

Answer 2

さてあなたは、あなたのスタイルシートに次のように試してみて、追加することができます。

div.place:last-child { 
     width: 100% 
    }