정적 위치 지정과 상대 위치 지정의 차이점

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

P粉316423089 2023-08-22 19:33:59 0  2  637

절대 위치이지만 상위 항목을 기준으로 함

다른 div 안에 두 개의 div가 있고 CSS를 사용하여 하나의 하위 div를 상위 div의 오른쪽 상단에 배치하고 다른 하위 div를 상위 div의 하단에 배치하려고 합니다. 즉, 두 하위 div에 절대 위치 지정을 사용하고 싶지만 페이지가 아닌 상위 div를 기준으로 위치를 지정하고 싶습니다. 어떻게 해야 하나요? HTML 예: <divid="father"><divid="son1"></div><divid=

P粉395056196 2023-10-11 12:04:14 0  2  696

javascript - 상위 항목은 상대 위치를 설정합니다. 하위 요소는 절대 위치 지정으로 설정됩니다. 하위 요소에는 부동 테이블이 포함되어 있으며 지금은 높이를 조정할 수 없습니다.

1. 테이블에 캐러셀을 구현하므로 각 테이블의 tr이 다릅니다. 테이블에 따라 높이가 달라집니다. 상위 항목은 Overflow:hidden을 사용하고 상대적으로 배치됩니다. 높은 적응성을 달성하는 방법을 알려주십시오. 2. 캐러셀 중에 현재 표시된 테이블의 높이를 얻는 방법은 무엇입니까? ? ? {...

仅有的幸福 2017-07-05 10:48:58 0  2  857

절대 위치 지정 및 오버플로 숨기기

두 개의 DIV가 있는데, 하나는 다른 하나 안에 중첩되어 있습니다. 외부 DIV가 절대 위치로 설정되지 않은 경우 절대 위치의 내부 DIV는 외부 DIV의 오버플로 숨김을 따르지 않습니다. #첫번째{너비:200px;높이:200px;배경-색상:녹색;오버플로우:숨김;}#두번째{너비:50px;높이:50px;배경-색상:빨간색;위치:ab

P粉451614834 2023-08-21 19:30:21 0  2  431

CSS - 앵커 이동 표시: 플렉스 및 위치: 절대

Flex 요소와 세 개의 하위 요소가 있습니다. 두 번째 자식은 다음과 같이 절대 위치 지정을 사용하여 첫 번째 자식과 겹쳐야 합니다. 예상: 두 번째 자식은 첫 번째 자식 옆이 아니라 첫 번째 자식 위에 있어야 합니다. 그러나 상위 항목에 display:flex를 설정하면 절대 요소의 앵커 포인트나 참조 포인트가 div의 시작 부분으로 이동하는 것처럼 보입니다. 실제 결과는 다음과 같습니다. 실제 결과: 첫 번째 또는 세 번째 요소 안에 두 번째 하위 요소를 넣는 것은 오버플로:스크롤이 있기 때문에 옵션이 아닙니다. 상위 항목의 ...

P粉252116587 2024-03-29 23:51:55 0  2  506

CSS 그리드를 사용한 사용자 정의 레이아웃: 특정 요소 타겟팅

CSS 그리드를 사용하여 이 디자인을 재현해야 하며 결과를 얻기 위해 특정 그리드 요소의 위치를 ​​지정하려고 시도했지만 성공하지 못했습니다. 이것이 제가 현재 갖고 있는 것입니다. 몇 가지 사항을 수정해야 하지만 그 전에 바로 구조를 가져오고 싶습니다. 첨부된 코드 조각은 다음과 같습니다. .grid-container{display:grid;grid-template-columns:repeat(13,minmax(30px,auto));gap:30px;}.grid-item{Background-colo

P粉144705065 2024-03-28 11:25:39 0  1  286

javascript - 이 CSS를 작성하는 방법

이 카테고리에서 이 그래픽에 대한 CSS를 작성하는 방법은 테두리 하단에 상대적으로 위치가 지정된 의사 클래스를 추가하는 것입니다.

给我你的怀抱 2017-05-19 10:40:27 0  4  698

CSS - 위치를 사용하지 않고 유사한 기능을 수행하는 방법:절대

그림에서 가리키는 곳은 절대 위치를 기준으로 위치를 작성하기 위해 div를 사용하여 작성합니다. 이제 ng-repeat를 사용하여 이러한 원을 여러 개 구현하려고 합니다(반환된 데이터에 관련 값이 있는 경우). 가 필요하므로 이러한 div는 CSS를 공유해야 합니다. 절대 위치 지정을 사용하면 모든 상자가 함께 압축됩니다.

ringa_lee 2017-05-15 17:01:22 0  3  1025

javascript - 지도의 아이콘으로 마우스를 이동한 후 표시된 콘텐츠를 아이콘을 기준으로 중앙에 배치하는 방법에 대한 JS 및 CSS 문제입니다.

아래 그림과 같이 오른쪽이 제가 원하는 효과입니다. 즉, 지도의 빨간색 위치 아이콘 위로 마우스를 이동하면 표시되는 사진과 콘텐츠가 아래 위치 아이콘을 기준으로 중앙에 배치됩니다. 왼쪽은 제가 만든 효과입니다. 변위가 너무 심각합니다. 다음은 내 HTML 코드입니다. {code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  847

javascript - swiper.js를 사용하여 여러 h5 기사의 슬라이딩을 실현합니다. 기사를 클릭하면 다른 페이지로 이동합니다. 해당 swiper_slide를 찾는 방법.

기사의 왼쪽과 오른쪽 슬라이딩 전환을 구현하기 위해 swiper.js를 사용했습니다. 전체 텍스트를 확장하려면 클릭하세요. 다른 HTML 페이지를 작성했습니다. 이 페이지에서 해당 기사 축소판을 어떻게 반환할 수 있습니까? 첫 번째 기사 썸네일을 보고 해당 슬라이드를 찾는 방법 또는 전체 텍스트를 처리하는 다른 방법.

某草草 2017-06-10 09:48:38 0  1  944

특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까?

저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록이 있습니다. 홈 페이지에 나열된 처음 3개를 숨기고 싶습니다. 작동하는 div:nth-child(1)를 사용하여 포함된 div의 위치를 ​​지정해 보았지만 각 하위 페이지도 이를 숨깁니다. 아쉽게도 홈페이지가 아닌 모든 페이지는 본문과 메인 div에만 클래스가 추가되어 있어서 카테고리 ID나 스타일, 페이지별로는 할 수 없습니다. 내가 가지고 있는 것은 모든 페이지에 동일...

P粉493313067 2024-04-03 22:25:59 0  1  394

mongodb - mongo如何实现mysql类似的嵌套查询。

目前在做一个mongodb的数据分析项目统计分析的功能 说明： （1）基础统计数据是不定时统计的； （2）查询展示的周期固定为（小时，天，月，年）等； （3）相对应的数据要按照对应的字段做以group by对应的字段做 ...

PHP中文网 2017-04-24 09:13:50 0  3  518

프런트엔드 - 여러 CSS 주소를 nginx와 병합하여 백그라운드 문제를 해결하는 방법은 무엇입니까?

Node+Nginx 프로젝트, 페이지는 http://cdn/project1/a.css, pro를 사용합니다. 이러한 주소는 CSS를 참조합니다. 각 CSS는 background:url(./ Images /logo.png), 병합 후 이미지 경로에 오류가 보고됩니다. 해결할 수 있는 방법이 있나요?

某草草 2017-05-16 17:08:14 0  2  475

선생님, 다음 두 가지 방법의 차이점은 무엇인가요?

선생님, 다음 두 가지 방법의 차이점은 무엇인가요? 입력을 배치하는 것이라면 어느 것이 더 낫습니까? $("input[class='one']").css();$(".one").css();<input class="one" type="text"/>

善為 2019-01-06 21:15:14 0  2  990

ruby - 七牛云存储请求字体文件会报 No 'Access-Control-Allow-Origin' header 错误。

当请求存储在七牛上面的css文件是，如果css文件中包含对字体文件的引用，会出现 No 'Access-Control-Allow-Origin' header 错误。 Google了很久，无法定位到问题是在于七牛那边还是我们这边的代码。尝试了对nginx...

PHP中文网 2017-04-24 09:13:12 0  1  753

새 헤더: 바닥글이 항상 페이지 하단에 있는지 확인하세요.

바닥글을 페이지 하단에 유지하고 페이지 하단으로 스크롤할 때까지 표시되지 않도록 하는 프로젝트를 진행 중입니다. CSS에서 'position:fixed'를 사용해 보았지만 콘텐츠 위에 떠 있고 절대 위치 지정을 사용하면 페이지 중앙에 고정되어 콘텐츠를 덮습니다. 또한 내용이 많지 않은 페이지의 경우 위치를 지정하지 않거나 '위치:절대'를 사용하지 않으면 바닥글 아래에 공백이 생깁니다. 제안해 주세요. *{margin:0;padding:0;}헤더{배경-c

P粉318928159 2023-08-27 23:13:19 0  1  486