dom 노드의 올바른 너비를 [position : fixed]로 설정하는 방법은 무엇입니까?

Question

position : fixed을 사용하여 페이지 상단에 고정 된 div가 필요합니다.

그러나 브라우저의 크기가 변경되면 고정 노드의 부모가 부모 DOM 노드가 아니기 때문에 div의 너비가 변경됩니다.

position : fixed 부모 노드에 해당하는 노드의 너비를 전체 화면으로 설정하지 못하도록하려면 어떻게해야합니까?

Answer 1

position:fixed을 부모로 지정할 수 없습니다. 항상 브라우저 창입니다.

그러나 다른 개체에 비해 position:absolute을 상대 할 수 있습니다. margin 설정을 -x 또는 -y으로 설정하면 원본 요소의 위치 위에 마우스를 놓을 수도 있지만 여전히 상대적입니다.

p { 
 
    position:fixed; 
 
    left:10%; 
 
    right:10%; 
 
    top:10%; 
 
    bottom:10%; 
 
    background-color:green; 
 
    }

<div> 
 
    <p>test</p> 
 
</div>