CSS 위치를 사용하지 못했습니다

Question

삭제은 상자의 right에 있습니다. 어떻게해야합니까?

<div style="border-style: solid; border-width: 1px;"> 
 
    name 
 
    <a style="position:relative;right:0%">delete</a> 
 
</div>

JSFiddle

감사합니다!

Answer 1

사용 float:right를 사용해보십시오 :

<a style="position:relative;float:right;">delete</a> 

Here's the working fiddle합니다.

Answer 2

position: relative; (요소의 원래 위치를 기준으로 한 위치) 대신 position: absolute; (컨테이너와 관련된 위치 요소)을 사용하십시오. 또한 부모 요소에 position: relative;을 입력합니다 (링크가 트리 위에있는 일부 조상이 아닌 트리에 대해 상대적으로 배치되도록).

Answer 3

안녕하세요 삭제와 플로트를 잘

<a style="position:relative;right:0%;float:right">delete</a> 

Answer 4

a

<a style="position:relative; float:right">delete</a>