行panelGrid別の行CSS

Question

私は情報を表示するpanelGridを持っています。最初の行に1つのボタンを挿入すると、残りの行が下に移動します。ボタンを挿入すると、残りの行を移動する必要はありません。どのCSSプロパティを使用する必要がありますか？ 私のパネルの絵：

シャドウ行は最初の行です。私はサイズを変更するとき、絶対ボタンの上を私のページが応答し、：次の絵は、第二列を示しています。

をそして、私はこのようになり、私のパネルにしたい：

私が使用している位置をこのプロパティはレスポンシブルデザインをクラッシュさせます。だから私の目標を達成するために必要なプロパティは何ですか？私はPrimefacesを使用しています。

よろしく

Answer 1

あなたはボタンのdivラッパー、およびdivは余分な高さを取らないように、内部に浮かべされるボタンが必要になります。

<table> 
    <tr class="first-row"> 
    <td> 
     <div class="button-wrapper"> 
     <a class="some-button">+</a> 
     </div> 
     First row 
    </td> 
    </tr> 
    <tr class="second-row"> 
    <td> 
    Second row 
    </td> 
    </tr> 
</table> 

とCSS：

.button-wrapper { 
    float: right; 
    height: 1px; // Fool the row by thinking that this div doesn't have height 
} 
.some-button { 
    float: right; 
} 

この方法でナビゲーターは、行をレンダリングするとき、それは縦に拡大しないようにdiv子供は、唯一の1ピクセルを持っていると思います。この例では

ルック：https://jsfiddle.net/z2L715ev/2/