오버플로 설정 : 머무르기보다는 스크롤 또는 자동으로 div를 위로 이동합니다.

Question

알아낼 수없는 문제가 있습니다. 해당 페이지는 http://ndsmcobserver.com입니다.

나는 사이드 바이 있습니다

<div class="photostream" style="max-height:150px"> 
    <h2 class="topic"><span class="title"><a href="link to photostream">Photostream</a></span></h2> 
    // Flickr code here 
</div> <!-- eo.photostream --> 

내가,

.photostream { .overlay-x: scroll; } 

전체 사업부

을 설정 어떤 이유로, 열을 모든 방법을 이동하고 광고에 의해 숨겨진 도착합니다. 어떻게 그 장소에 머무르게합니까?

미리 감사드립니다.

Answer 1

광고가 왼쪽으로 떠서 80 % 너비로 설정되어 옆으로 들어갈 정도의 공간이 있다는 것을 알기 때문에 위로 이동합니다. 포토 스트림 내부의 콘텐츠는 positioned absolute이므로 .photostream에 CSS clear: both;을 추가해야만 치수가 있고 내부에 물건이있는 컨테이너처럼 작동 할 수 있습니다.