«positioning» 태그된 질문

이 태그는 모호합니다. 이 태그를 사용하지 마십시오. -다른보다 구체적인 태그를 사용 (또는 적절한 경우 생성)하십시오.


12
스크롤 막대가 있어도 div를 항상 페이지 내용의 맨 아래에 유지
CSS를 Div를 페이지 하단으로 푸시 해당 링크를보고하십시오, 나는 반대를 원하는 : 내용이 스크롤에 오버 플로우 때, 나는 내 글이 항상되고 싶어 완전한 스택 오버플로 같은 페이지 하단. div id="footer"와이 CSS가 있습니다. #footer { position: absolute; bottom: 30px; width: 100%; } 그러나 모든 것은 뷰포트의 맨 아래로 이동하고 아래로 스크롤해도 그대로 …

11
div에서 SVG를 어떻게 중앙에 배치합니까?
div의 중심에 맞추려는 SVG가 있습니다. div의 너비는 900px입니다. SVG의 너비는 400px입니다. SVG의 여백 왼쪽 및 여백 오른쪽이 자동으로 설정되어 있습니다. 작동하지 않으면 왼쪽 여백이 0 (기본값) 인 것처럼 작동합니다. 누구든지 내 오류를 알고 있습니까?
252 css  layout  svg  positioning  margin 

5
컨테이너를 기준으로 요소 배치
HTML과 CSS를 사용하여 가로 100 % 누적 막대 그래프를 만들려고합니다. DIVs그래프로 표시하려는 값에 따라 배경색과 백분율 너비 를 사용하여 막대를 만들고 싶습니다 . 또한 그래프를 따라 임의의 위치를 ​​표시하는 그리드 선이 필요합니다. 실험에서 CSS 속성을 할당하여 가로 막대를 이미 쌓았습니다 float: left. 그러나 혼란스러운 방식으로 레이아웃을 혼란스럽게하는 것처럼 보이기 때문에 …
187 html  css  positioning 


3
jQuery : position ()과 offset ()의 차이점
차이점은 무엇이며 position()그리고 offset()? 클릭 이벤트에서 다음을 시도했습니다. console.info($(this).position(), $(this).offset()); 그리고 그들은 정확히 똑같이 반환하는 것 같습니다 ... (클릭 된 요소는 테이블의 테이블 셀 내에 있습니다)

16
-webkit-transform을 사용할 때 고정 위치가 작동하지 않습니다
-webkit-transform (및 -moz-transform / -o-transform)을 사용하여 div를 회전시킵니다. 또한 div가 사용자와 함께 스크롤되도록 위치 고정이 추가되었습니다. Firefox에서는 제대로 작동하지만 웹킷 기반 브라우저에서는 작동하지 않습니다. -webkit-transform을 사용한 후 고정 위치가 더 이상 작동하지 않습니다! 어떻게 가능합니까?

12
CSS 전환 효과로 인해 이미지가 흐려 지거나 이미지가 1px 이동합니까?
가리키면 CSS 전환 효과가 div를 이동시키는 CSS가 있습니다. 예제에서 볼 수 있듯이 문제는 translate전환이 div의 이미지를 1px 아래 / 오른쪽으로 움직이고 (아마도 약간 크기가 조정될 수 있습니까?) 부작용이 발생하여 제자리에 나타나지 않고 초점없는... 글리치는 호버 효과가 적용되는 전체 시간 동안 적용되는 것으로 보이며 시행 착오 과정에서 변환 전환이 div를 이동할 …

7
jQuery에서 문서가 아닌 부모를 기준으로 위치 값을 가진 요소의 "top, left"속성을 어떻게 설정할 수 있습니까?
.offset([coordinates])메소드는 요소의 좌표를 설정하지만 문서를 기준으로합니다. 그런 다음 요소의 좌표를 부모와 관련하여 어떻게 설정할 수 있습니까? 이 .position()메소드는 부모와 관련하여 "top, left"값만 가져 오지만 값을 설정하지는 않습니다. 나는 함께 노력했다 $("#mydiv").css({top: 200, left: 200}); 그러나 작동하지 않습니다.

8
그리드 / 타일 뷰를 만드는 방법?
예를 들어 클래스 .article이 있고이 클래스를 그리드보기로보고 싶습니다. 그래서 나는이 스타일을 적용했습니다 : .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 이 스타일은 .article을 타일 / 그리드처럼 보이게합니다. 고정 된 높이로 잘 작동합니다. 그러나 높이를 자동으로 설정하려면 (그 안의 데이터에 따라 자동으로 늘림) 그리드가 불쾌하게 보입니다. 그리고 나는 이것을 다음과 같이 …

15
비례를 유지하면서 이미지로 div를 어떻게 채울 수 있습니까?
이 스레드를 찾았 습니다. 이미지의 종횡비를 유지하면서 <div>를 채우기 위해 이미지를 늘리는 방법은 무엇입니까? — 그것이 내가 원하는 것이 전부는 아닙니다. 특정 크기와 그 안에 이미지가있는 div가 있습니다. 이미지가 가로인지 세로인지에 관계없이 항상 div를 이미지로 채우고 싶습니다 . 그리고 이미지가 잘 렸는지 여부는 중요하지 않습니다 (div 자체에 오버플로가 숨겨져 있음). …

13
특정 지점에서 고정 위치 스크롤링을 중지 하시겠습니까?
위치 : 고정 된 요소가 있으므로 원하는 방식으로 페이지를 스크롤합니다. 사용자가 위로 스크롤 할 때 요소가 특정 지점 (예 : 페이지 상단에서 250px)에서 스크롤을 중지하기를 원합니다. 이것이 가능합니까? 도움이나 조언이 도움이 될 것입니다. 그렇게하려면 jquery를 사용해야한다는 느낌이 들었습니다. 사용자가있는 위치의 스크롤링이나 위치를 확인했지만 정말 혼란 스러웠습니다. jquery 솔루션이 있습니까?


9
CSS : 하단 및 중앙에 고정
바닥 글을 페이지 하단에 고정하고 중앙에 배치해야합니다. 바닥 글의 내용은 항상 변경 될 수 있으므로 margin-left를 통해 중앙에 놓을 수는 없습니다. xxpx; 여백-오른쪽 : xxpx; 문제는 어떤 이유로 이것이 작동하지 않는다는 것입니다. #whatever { position: fixed; bottom: 0px; margin-right: auto; margin-left: auto; } 나는 웹을 크롤링했지만 아무것도 찾지 못했습니다. 컨테이너 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.