어떻게 나는 다음과 같은 코드를 한

Question

아래의 항목을 이동하지 않고 이미지의 무리를 주입 할 수 있습니다 그래서 비어있는 DIV 사람들이

<br/> <div id='people'></div> <br/> 
    a bunch of text . . 

을 시작하고 난 아약스 콜백의 백엔드 (자바 스크립트가 이 같은 뭔가 그 DIV를 채우는 : 이미지가 올라올 때 data.results 이미지 HTML (.. ", 등)의 무리입니다

$("#people").html(data.results) 

는

이 문제는,이 아래로 밀어된다 "혈액 요소 질소 ch of text "섹션과 약간 불안해 보입니다. .html() 메서드가 호출 될 때 공간이 미리 배치되어있는 곳에서이 이미지 html로 DOM을 채우지 만 페이지의 다른 부분은 이동하거나 옮기지 않습니다.

Answer 1

당신이 결과 이미지가 필요한 공간이 얼마나 큰 알고 있다면, 당신은이가 CSS를 min-height를 통해 초기 높이를 div에 줄 것이다 :

<br/> <div id='people' style='min-height: 250px;'></div> <br/> 

그 외에는, 정말입니다. div에 콘텐츠를 추가하면 콘텐츠가 확대되고 다른 것들을 밀어냅니다.

Answer 2

이렇게하는 데는 두 가지 방법이 있습니다. 첫 번째는 높이를 설정합니다 CSS의 규칙을 선언 (또는 최소 높이)를 #people div에 당신은 내용의 높이가오고 알고있는 경우에하는 것입니다.

#people { 
    min-height: 200px; 
} 

또 다른 옵션을 허용하는 것 콘텐츠가 오버플로되면 #people div 콘텐츠를 스크롤합니다. 이것은 원하는 영향을 줄 수도 있고 아닐 수도 있습니다. (CSS)

#people { 
    width: 400px; 
    height: 300px; 
    overflow: auto; 
}