div가 왼쪽으로 떠있을 때 브라우저 창 크기 또는 화면 해상도에 따라 div가 서로 쌓이지 않도록하려면 어떻게해야합니까?

Question

죄송합니다. 내 말씨가 ... 불분명하다면. 나는 정말로 나의 딜레마를 올바르게 설명하는 방법을 몰랐다. 그러나 내가 더 잘 여기에서 할 수 있으면 보게한다. ..

나는 수직 (수직)이 아니라 오히려 수평선을 통하여 표시와 스크롤을 할 blog를 만들고있다. 각 블로그 게시물은 별도의 div에 표시되고 div는 왼쪽으로 떠서 나란히 표시됩니다.

그러나 컴퓨터의 해상도 또는 창의 크기에 따라 페이지를 볼 때 div는 내가 의도 한대로 나란히 표시되는 대신에 서로 겹쳐서 표시됩니다. 물론 화면 해상도가 모든 div를 표시 할만큼 충분히 크면 멋지게 작동하지만 그렇지 않습니다.

도움, 조언 및 유용한 정보를 제공해 주셔서 감사합니다. 고맙습니다.

편집 그리고 지금까지 코드가 간다, 이것이 내가 사용하고있는 기본 HTML 구조와 CSS입니다 : 스크롤 :

<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 

.post { 
    float: left; 
    margin-top: 74px; 
    margin-left: 50px; 
    margin-right: 50px; 
} 

Answer 1

당신이 오버플로 컨테이너 사업부 내부에있는 div 퍼팅 시도 가지고가? 예를 들어

:

<div id="container" style="overflow:scroll; height: 100px; width: 500px;"> 
<div class="post"></div> 
<div class="post"></div> 
<div class="post"></div> 
</div> 

이 답변으로 문제가 해결되지 않는 경우, 아마도 당신이 그렇게 우리는 당신이 달성하기 위해 노력하고 정확하게 볼 수 있습니다 우리에게 기존의 마크 업/CSS를 보여줄 수 있습니다.