절대적으로 위치한 div가 다른 div 아래

-1

테이블에서 이미지를 클릭하면 팝업이 나타납니다. 그러나 마지막 행의 이미지 중 하나를 클릭하면 그 아래 div가 잘립니다.절대적으로 위치한 div가 다른 div 아래

관련성 높은 CSS를 게시 할 수 없지만 너무 많은 페이지가 게시 될 수 있습니다. 아래의 마지막 이미지에

link

클릭 - (이전에 인쇄 된 직물 섹션이 시작) "벽지 세부 정보를 볼 썸네일을 클릭하십시오."

사실 "인쇄 된 직물"아래의 마지막 이미지를 클릭해도 똑같은 일이 발생합니다.

내가 어떻게 보이게 할 수 있습니까?

출처

2013-05-08 dzumla011

내가 바이올린 –

을 돕기 위해 쉬울 것, 바이올린을 제공 당신을위한 하나의 추천 .. 당신은 모든'td'에 대한 별도의 detail 컨테이너를 만들었지 만 권장하지는 않습니다. 단지 하나의 div를 만들고 그것을 커서의 위치로 옮긴 다음 그것을 표시합니다 ... – dzumla011

에 전체를 재현 할 수없는 –

문제의 원인이되는 컨테이너에있는 overflow: hidden입니다. 이런 식으로

.wallpaper_collection { 
    overflow: hidden; 
}

: 당신이 할 수있는 것은이 (global.css 1423)를 변경하는 것입니다

.wallpaper_collection:after { 
    content: ""; 
    display: table; 
    clear: both; 
}

당신은 다른 용기 (들)에 대해 동일한 작업을 수행해야합니다. 예 : (라인 1428)

.printed_fabrics_collection { 
    overflow: hidden; 
}

당신은 너무처럼, 하나의 규칙으로 그들을 결합 할 수 있습니다 :

.wallpaper_collection:after, .printed_fabrics_collection:after { 
    content: ""; 
    display: table; 
    clear: both; 
}

출처

2013-05-08 13:06:36

나는 그것을하려고합니다. 방화범이 끌린 채로 그러나 같은 위치에 머무르지는 말라. 그리고 내용을 적어 라. 나는 그것을 쓰면 규칙이 사라진다. – dzumla011

안녕하세요 랄프, 그냥 디스플레이 설정 : 오버플로 대신 테이블! 정말 고마워! – dzumla011

다행히도 도움이되었지만, '디스플레이 : 테이블'자체가 모든 곳에서 작동한다는 것을 보장 할 수는 없지만. 위에 게시 한 코드는 "clearfix"메서드 (여러 가지 화신이 있음)라고하며 'overflow : hidden'을 사용하는 대신 사용할 수 있습니다. 아무리해도 버그를 발견하면 해당 코드를 편리하게 사용하십시오. :-) –

절대적으로 위치한 div가 다른 div 아래

답변

관련 문제