절대 위치로 div로 정의 된 각 단일 제품으로 제품 목록을 만들려고합니다 (pinterest 핀 페이지와 유사 함). 불행히도 모든 제품은 서로 겹치고 있습니다.절대 위치로 HTML 요소를 겹치지 않도록하십시오.
참고 : 나는 워드 프레스 테마를 사용하여 제품을 추가하고, 그래서 당신이 후 거의 정상을 추가하고 해결책이 될 것입니다 왼쪽, 절대 위치를 사용하는 경우 I는 각 사업부
위해 왼쪽과 위쪽 위치를 추가 할 수 없습니다 . Javascript를 통해 왼쪽 위 좌표를 추가 할 수있는 방법이 있습니까? 너비 + 약간의 여백 계산.
어쨌든 왜 절대 위치를 설정하겠습니까? 상대방 또는 정적으로 변경할 수있는 기회가 있습니까? 내가 jQuery를 벽돌 기능을 사용하여이 문제를 해결 한
아래는 사용 된 CSS입니다. .default_product_display { 위치 : 절대; border-color : # 7F7F7F; border-style : 점선; border-width : 1px; 너비 : 225px; margin-left : 36.1px; float : left; 여백 - 하단 : 30px; margin-right : 0; 상자 그림자 : 1px 1px 5px lightgray; } 각 div의 너비가 다르기 때문에 상대 위치를 사용할 수 없으며 일부 div가 그 아래의 전체 행에 영향을 미치기를 원하지 않습니다. –
, 나는 그것이 당신의 HTML과 CSS 코드를 공유하시기 바랍니다 워드 프레스
에 이미 알고하지 않았다. – Sachin
html/css/관련 코드를 표시 할 수 있습니까? 이것이 절대 위치 지정이 작동하는 것으로 가정되는 방법입니다. 어쩌면 컨테이너를 절대 배치하려고합니다. –
z- 색인? 코드를 보여주세요. – sarink