콘텐츠 위치가 바뀔 때 DIV 크기 조정

콘텐츠의 위치가 바뀌면 DIV 크기를 자체 조정할 수 있습니까?콘텐츠 위치가 바뀔 때 DIV 크기 조정

나를 더 나은 자신을 설명하자

내가 안에 다른 div이있는 용기 div 있습니다. 이 마지막 구성 요소는 jQuery.append() 메소드를 통해 추가 구성 요소를 수신 할 수 있습니다.

HTML :

<div id="container"> 
<div id="content"></div> 

<div id="another">Hello World</div>

JS 지금까지 너무 좋아, 내가 div#another의 크기를 조정하려고 할 때 그러나, div#content가 변경되지 않는 크기와 div#another가가는

var a = $("#another"); 
$("#content").append(a);

파리.

var a = $ ("#another"); 
var content = $ ("#content") 
content.append(a);

condition>> ? content.addClass('scenario1') : content.addClass('scenario2')

다음 시나리오 1에 필요한 스타일을 추가하고 좋아하는 시나리오 2 : 당신은 자식 요소를 추가 할 때마다

$("#another").position({left:100, top:100});

출처

2013-03-16 Josh Guzman

# 상대적으로 또는 절대적으로 CSS에 위치합니까? 상대적으로 배치 된 요소는 여전히 문서의 정상적인 요소 흐름에있는 것으로 간주됩니다. 반면에 절대적으로 배치 된 요소는 다른 요소를 배치 할 때 공간을 차지하지 않으므로 절대 배치됩니다 요소는 가장 가까운 위치에있는 조상과 관련하여 배치됩니다. 위치 지정된 조상이 존재하지 않으면 초기 컨테이너가 사용됩니다. " (https://developer.mozilla.org/en-US/docs/CSS/position에서) – pwdst

추가하거나 같은 부모 요소에 CSS 클래스를 제거

.scenario1 { 
    left: 100; 
    top: 100 
} 

.scenario2 { 
    left: 50; 
    top: 50 
}

출처

2013-03-16 04:55:47

시도해보십시오.

var a = $ ("#another"); 
$ ("#content").append(a).css('width',<new value>);

추가 한 후 상위 div의 너비를 필요한 값으로 조정하십시오.

출처

2013-03-16 06:26:08 sij

콘텐츠 위치가 바뀔 때 DIV 크기 조정

답변

관련 문제