디자인에 영향을 주지 않고 div를 오른쪽으로 띄우기
내 페이지 상단의 오른쪽에 div를 띄우고 싶습니다. 여기에는 50픽셀 정사각형 이미지가 포함되어 있지만 현재 페이지 상단 50픽셀의 레이아웃에 영향을 미칩니다.
현재 그
<div style="float: right;">
...
</div>
z-index가 정답이라고 생각하여 시도해 보았지만 실행할 수 없습니다.
제가 놓치고 있는 것이 간단한 것인 줄은 알지만 도저히 해결책을 찾을 수 없습니다.
26
3
임팩트란 무슨 뜻인가요? 콘텐츠는 플로트 주위로 흐릅니다. 이것이 작동 방식입니다.
디자인 위에 표시하려면 설정을 시도해 보세요:
이미지가 레이아웃에 전혀 영향을 미치지 않게 하려면(다른 콘텐츠 위에 띄우려면) 이미지에 다음 CSS를 적용하면 됩니다:
특정 부모 섹션의 오른쪽에 이미지를 띄우려면 해당 섹션에 '위치: 상대'를 추가하면 됩니다.
'위치'를 절대값으로 설정해 보세요. 그러면 문서의 흐름에서 벗어나게 됩니다.