ブロックレベルの要素の右上にボタンを追加

Question

ブロックレベルの要素の右上にボタンを追加するにはどうすればよいですか？

<div>some content here</div> 

とこのコンテンツは、「ブロック」を作るために十分な長さであると言うことができます、どのように私は右隣のブロックに、ブロックの右上のボタンを持つようにフォーマットします：私は考えてみましょう？

Answer 1

（1）1つの方法は、容器の上部にあるbuttonを右に浮かべることです。

<div><button>My Button</button>some content here</div> 

div + button { 
float: right; 
} 

（2）もう一つの方法は絶対div容器内buttonを配置しdiv容器位置を（絶対その内部postioned要素がこのコンテナに対して相対的であるように）与えることです。このようにして、ボタンはマークアップのどこにでも置くことができます。あなたはパディングでこれを調整する必要がある場合がありますので

div { 
position: relative; 
} 

div button { 
position: absolute; 
top: 0; 
right: 0; 
} 

ただし、ボタンは今など、コンテナ内の他のコンテンツの上になります

Answer 2

絶対にそれを置く：

<div style="position: relative;"> 
    some content here 
    <div style="position: absolute; top: 0; right: 0;"><input type="button" value="x" /></div> 
</div>