Div Height 도움말, 자식 요소 절대 위치

div를 divParents 높이를 xxx px로 설정하지 않고 위치 절대 값을 갖는 컨트롤을 사용하여 100 % 높이를 만드는 방법은 무엇입니까? 나는 다른 div에서 divParent 안에 모든 것을 래핑하려고 시도했으며 동일한 결과를 얻었습니다.Div Height 도움말, 자식 요소 절대 위치

예.

<div style="border: solid 1px black; position: relative;" id="divParent"> 

    <span style="position: absolute; top: 177px; left: 41px">Name</span> 
    <input type="text" style="position: absolute; top: 253px; left: 36px; height: 18px; 
    width: 342px;" /> 
    <span style="position: absolute; top: 229px; left: 38px">Address</span> 
    <input type="text" style="position: absolute; top: 199px; left: 39px; height: 18px; 
    width: 342px;"/> 

    </div>

출처

2012-05-16 user1167466

을 margin-top 및 margin-left을 사용할 수 있습니다 : 당신이 div를 표시하는 또 다른 방법이 있습니까 (절대 위치없이)? – Chris

아니요, div의 컨트롤은 다른 웹 페이지에서 가져옵니다. 내가하고있는 일은 XMLHttpRequest를 사용하여 인쇄 할 웹 페이지를 병합하고 XMLHttpRequest에서 반환하는 본문을 div에 추가하는 것입니다. 그 부분은 잘 작동하지만 div의 끝에 스팬을 추가해야하고 div의 맨 아래에 배치하는 데 어려움이 있습니다. 모든 컨트롤에는 절대적인 위치가 있기 때문입니다. – user1167466

왜 스팬이어야합니까? spans는 div와 다르게 동작합니다 (div는 display : block as standard) ... div를 사용하고 div가 아닌 span 만 사용하면 가능합니까? – Chris

절대 배치 된 항목은 더 이상 레이아웃의 일부가 아닙니다. 부모는 자신이 얼마나 큰지 또는 어디에 있는지 알지 못하므로 자동으로 크기를 재조정 할 수 없습니다.

이 모든 것을 계산하기 위해 자신 만의 JavaScript를 작성할 수 있지만 CSS만으로는 원하는 것을 수행 할 수 없습니다.

출처

2012-05-16 17:49:46

div에있는 요소를 반복하여 javascript 함수를 작성한 다음 가장 큰 상단을 찾으려고했지만 div에 100 개 이상의 요소가있는 경우 실적이 어떻게 될지 알지 못했습니다. – user1167466

시도해보십시오. jQuery 선택기를 사용하면 나쁘지 않을 것입니다. –

나는 당신이하고 싶은 것을 정말로 이해하지 못한다. 그러나 그것은 어떤 종류의 html 형식을 출력 할 때 보인다. (당신이 일반 CSS없이 JS에 충실하려는 경우) 어쨌든, 당신은 또한 단지, 그렇지 않으면 ... (당신이 상대 또는 절대 당신이 원하는 그러나 배치 할 수 있습니다) 어머니 div의 내부 float-left과 함께

출처

2012-05-16 18:18:42 Chris

Div Height 도움말, 자식 요소 절대 위치

답변

관련 문제