«css-position» 태그된 질문

position:fixed내 페이지에 가운데 정렬 된 div를 얻으려고 합니다. 저는 항상이 "해킹"을 사용하여 절대 위치 div로 할 수있었습니다. left: 50%; width: 400px; margin-left:-200px ... 여백-왼쪽 값은 div 너비의 절반입니다. 이것은 고정 위치 div에서는 작동하지 않는 것 같습니다. 대신 가장 왼쪽 모서리가 50 %에 배치되고 margin-left 선언을 무시합니다. 고정 위치 요소를 중앙에 …

126 html  center  alignment  css-position 

나는 이것에 약간 붙어 있었고 이것을 공유 할 것이라고 생각했습니다 position: sticky+ flexbox gotcha : 내 고정 div는 내 뷰를 플렉스 박스 컨테이너로 전환 할 때까지 잘 작동했고 갑자기 div가 플렉스 박스 부모에 래핑되었을 때 고정되지 않았습니다. .flexbox-wrapper { display: flex; height: 600px; } .regular { background-color: blue; } .sticky …

115 css  flexbox  css-position  sticky 

position : sticky 는 이제 일부 모바일 브라우저에서 작동하므로 페이지와 함께 메뉴 막대를 스크롤 할 수 있지만 사용자가 스크롤 할 때마다 뷰포트 상단에 고정 할 수 있습니다. 하지만 현재 '고정'상태 일 때마다 고정 메뉴 막대의 스타일을 약간 변경하려면 어떻게해야합니까? 예를 들어, 페이지와 함께 스크롤 할 때마다 막대가 둥근 모서리를 갖기를 …

110 css  css-selectors  css-position 

다음 CSS가있는 요소가 있습니다. .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } 요소는 전체 화면에 걸쳐 있지 않습니다. 화면 오른쪽에 "정렬"하고 싶습니다. 방금 left : 0을 제거하면 쉬울 수 있지만 위의 CSS를 조작 할 수 없으므로 left : 0 CSS 를 재정의, 비활성화 또는 제거하려면 …

104 css  css-position 

누구든지 내가 / / 요소에 추가하는 경우 차이점 style = "position:absolute"과 차이점을 말할 수 있습니까 ?style = "position:relative"divspaninput 나는 absolute지금 사용하고 있지만 나도 탐구하고 싶다 relative. 이것이 포지셔닝을 어떻게 바꿀까요?

103 css  css-position 

나는 메뉴와 내비게이션 링크를 포함하는 웹 페이지의 왼쪽에 div위치 fixed했다. CSS에서 설정된 높이가 없으며 콘텐츠가 높이를 결정하고 너비가 고정됩니다. 문제는 콘텐츠가 너무 많으면 div창이 창 높이보다 커지고 콘텐츠의 일부가 보이지 않는다는 것입니다. (위치가 fixed이고 div스크롤되지 않기 때문에 창을 스크롤해도 도움 이되지 않습니다.) 나는 설정하려고했지만 overflow-y:auto;도움이되지 않습니다 .div는 그것의 일부가 창 …

94 html  css  css-position 

본문의 어느 부분 에나 div를 삽입 position: absolute하고 position: relative. 가있는 부모 요소가 아닌 전체 문서에 상대적으로 만들려고 합니다 .

93 html  css  css-position 

유동 레이아웃에서 사이드 바 탐색이 항상 스크롤에 고정되도록 할 수 있습니까?

92 css  twitter-bootstrap  css-position  fluid-layout 

이 둘의 차이점을 완전히 이해하고 있는지 잘 모르겠습니다. 누군가 내가 왜 다른 것을 사용하고 어떻게 다른지 설명 할 수 있습니까?

92 css  css-position 

CSS에서 정적 (기본) 위치 지정과 상대 위치 지정의 차이점은 무엇입니까?

89 css  static  positioning  css-position 

3 가지 div요소가 있습니다. 1 일 div이 더 크고 (포장)position:relative; 2는 div1 차 절대 위치 div의 상대 위치 (및 1에 포함된다 div) 3rd div는 2nd에 포함되며 div절대 위치도 있습니다. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> 왜 3 번째 div위치가 2 번째 div(1 번째에 대한 절대 위치이기도 함)에 절대 …

89 html  css  css-position 

일부 플러그인 CSS를 재정의하는 데 문제가 있습니다. CSS를 직접 편집하는 것은 플러그인 업데이트를 더 위험하게 만들 수 있으므로 실제로는 선택 사항이 아닙니다. 문제 : 요소에 절대 위치가 있고 원본에서 top : 0px가 있습니다. bottom : 0px로 재정의하고 싶습니다. 예를 들어 .element {position:absolute; top:0;} /* in another file */ .my .element …

82 css  webkit  css-position 

다음 스 니펫 (전체 화면 모드로 볼 필요가 있음)이 있습니다. <main>요소를 요소 바로 아래 에 배치하려고합니다 <header>. 나는이 <header>나는 그것이의 콘텐츠를 통해 사용자가 스크롤로 화면 상단에 있고 싶어하기 때문에 고정 된 위치를 <main>요소입니다. 내가 아는 모든 것을 시도했지만 가장 좋은 방법은 <header>요소를 요소 위에 배치 <main>하여 내용의 큰 부분을 잘라내는 …

15 html  css  css-position  fixed