«css-position» 태그된 질문

CSS의 "position"속성을 사용하면 해당 값을 정적 (기본 설정), 상대, 절대, 고정 또는 고정으로 설정하여 페이지에서 요소의 위치를 ​​제어 할 수 있습니다.

25
"위치 : 절대"요소를 중심에 배치하는 방법
속성이로 position설정된 요소를 가운데에 배치하는 데 문제 가 absolute있습니다. 왜 이미지가 중앙에 있지 않은지 아십니까? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: 1px solid #ccc; …
23
고정 위치이지만 컨테이너와 관련
나는 div항상 다음을 사용하여 화면 상단에 붙어 있도록 수정하려고합니다 . position: fixed; top: 0px; right: 0px; 그러나 div중앙 컨테이너 안에 있습니다. 내가 그것을 사용할 때 브라우저의 오른쪽에있는 것과 같이 브라우저 창에 상대적인 position:fixed것을 수정 div합니다. 대신, 컨테이너를 기준으로 고정해야합니다. 을 position:absolute기준으로 요소를 수정하는 데 사용할 수 div있지만 페이지를 아래로 스크롤하면 …
16
위치 중심 : 고정 요소
position: fixed;동적 너비와 높이로 화면 중앙에 팝업 상자 를 만들고 싶습니다 . 나는 margin: 5% auto;이것을 위해 사용 했다. position: fixed;그것이 없으면 수평으로 잘 가운데에 위치하지만 수직으로는 아닙니다. 를 추가 한 position: fixed;후에도 가로로 가운데에 있지 않습니다. 다음은 완전한 세트입니다. .jqbox_innerhtml { position: fixed; width: 500px; height: 200px; margin: 5% …
12
스크롤 막대가 있어도 div를 항상 페이지 내용의 맨 아래에 유지
CSS를 Div를 페이지 하단으로 푸시 해당 링크를보고하십시오, 나는 반대를 원하는 : 내용이 스크롤에 오버 플로우 때, 나는 내 글이 항상되고 싶어 완전한 스택 오버플로 같은 페이지 하단. div id="footer"와이 CSS가 있습니다. #footer { position: absolute; bottom: 30px; width: 100%; } 그러나 모든 것은 뷰포트의 맨 아래로 이동하고 아래로 스크롤해도 그대로 …
20
“포지션 : 스티키;” 작동하지 않는 CSS 및 HTML
탐색 막대를 스크롤하면 맨 위에 고정하고 싶지만 작동하지 않으며 이유가 없습니다. 도움을 줄 수 있다면 다음은 HTML 및 CSS 코드입니다. .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } …
177 html  css  css-position 
8
패딩을 무시하는 절대 위치 지정
절대 위치 요소를 어떻게 부모의 패딩을 존중하게합니까? 내부 div가 부모의 너비를 가로 질러 늘어나고 기본적으로 바닥 글 인 부모의 아래쪽에 배치되기를 원합니다. 그러나 아이는 부모의 패딩을 존중해야하며 그렇게하지 않습니다. 아이가 부모의 가장자리에 닿아 있습니다. 그래서 나는 이것을 원한다. 그러나 나는 이것을 얻고있다 : <html> <body> <div style="background-color: blue; padding: 10px; …
5
내용이 넘치면 스크롤 해야하는 고정 위치 div가 있어야합니다.
실제로 두 가지 문제가 있지만 다른 문제를 해결하기가 더 쉽다고 생각하여 기본 문제를 먼저 해결할 수 있습니다. 메뉴의 왼쪽에 고정 위치 div가 있습니다. 오른쪽은 올바르게 스크롤되는 표준 div입니다. 문제는 브라우저 뷰 포트가 너무 작아서 전체 메뉴를 볼 수 없다는 것입니다. 스크롤 할 수있는 방법이 없습니다 (적어도 CSS는 아님). CSS에서 다른 …
7
jQuery에서 문서가 아닌 부모를 기준으로 위치 값을 가진 요소의 "top, left"속성을 어떻게 설정할 수 있습니까?
.offset([coordinates])메소드는 요소의 좌표를 설정하지만 문서를 기준으로합니다. 그런 다음 요소의 좌표를 부모와 관련하여 어떻게 설정할 수 있습니까? 이 .position()메소드는 부모와 관련하여 "top, left"값만 가져 오지만 값을 설정하지는 않습니다. 나는 함께 노력했다 $("#mydiv").css({top: 200, left: 200}); 그러나 작동하지 않습니다.
4
CSS : position : absolute div를 position : relative div 안에 넣는 방법 컨테이너에서 overflow : hidden에 의해 잘리지 않음
나는 3 레벨이 있습니다 div: (아래 녹색) 상위 레벨 div로를 overflow: hidden. 상자 크기를 초과하면 해당 상자 내부의 일부 내용 (여기에는 표시되지 않음)이 잘 리기를 원하기 때문입니다. (에서 아래 빨간색) 이 내부에서, 내가 가지고 div와 position: relative. 이를위한 유일한 용도는 다음 단계를위한 것입니다. (아래 파란색) 마지막으로 div흐름을 제거 position: absolute하지만 …
10
위치와 함께 작동하지 않는 'transform3d': 고정 하위
일반적인 CSS 환경에서 고정 div가 지정된 위치 ( top:0px, left:0px)에 정확하게 위치하는 상황이 있습니다 . translate3d 변환이있는 부모가 있다면 이것은 존중되지 않는 것 같습니다. 뭔가 보이지 않습니까? 스타일 및 변형 원점 옵션과 같은 다른 웹킷 변환을 시도했지만 운이 없었습니다. JSFiddle 을 첨부했습니다 . 노란색 상자가 컨테이너 요소가 아닌 페이지의 상단 …
25
iOS 5 고정 위치 및 가상 키보드
position : fixed를 통해 화면 하단에 div가 고정 된 모바일 웹 사이트가 있습니다. 양식이있는 페이지에 올 때까지 iOS 5 (iPod Touch에서 테스트 중)에서 제대로 작동합니다. 입력 필드를 탭하고 가상 키보드가 나타나면 갑자기 내 div의 고정 위치가 손실됩니다. 키보드가 표시되어 있으면 div가 페이지와 함께 스크롤됩니다. 완료를 클릭하여 키보드를 닫으면 div가 화면 …
3
위치가있을 때 왼쪽 속성을 제거하는 방법 : 절대?
특정 언어를 선택할 때 사이트 CSS를 RTL 버전으로 재정의하고 있습니다. 절대 위치 지정이 필요한 요소가 있습니다. LTR 버전에서는 내가 left: 0px;하고 왼쪽에 정렬됩니다. RTL 버전에서는와 반대의 작업을 원 right하지만 left속성이 재정의되지 않으므로 여전히 왼쪽에 유지됩니다. 로 해킹을 시도했지만 !important작동하지 않았습니다. 설정을 시도했지만 left: none작동하지 않았습니다. 재정의하는 동안 어떻게 none으로 설정하거나 …
137 css  css-position 
4
절대 위치 및 오버플로 숨김
우리는 두 개의 DIV를 가지고 있는데, 하나는 다른 하나에 내장되어 있습니다. 외부 DIV가 절대 위치에 있지 않으면 절대 위치 인 내부 DIV가 외부 DIV에 숨겨진 오버 플로우 ( 예 :)를 따르지 않습니다 . 외부 DIV를 절대 위치로 설정하지 않고 내부 DIV가 외부 DIV에 숨겨져있는 오버플로에 영향을 줄 수있는 기회가 있습니까? …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.