parent div 내부의 내용으로 크기 조정

부모 div가 내부 div의 내용에 따라 자동으로 크기 조정될 것으로 생각했습니다. 예를 들어, div 안에 텍스트가있는 다른 div가있는 div가 부모로 있습니다. 파이어 버그 (firebug)를 통해이 파일을 볼 때, 부모 div가 브라우저를 통해 펼쳐지는 것을 보여줍니다. 나는 내부 div 안에있는 텍스트의 길이만큼만 늘어나야한다고 생각했다. 상위 브라우저의 너비가 아닌 안쪽 배율을 어떻게 만들 수 있습니까? 기본적으로 (div 기본적으로이다)이다 display:blockparent div 내부의 내용으로 크기 조정

<div id="outter"> 
    <div id="inner">some empty text</div> 
</div>

출처

2012-03-27 user1096509

귀하의 CSS는 무엇입니까? – kamalo

기본적으로 div는 블록 레벨 요소이며 포함하는 요소의 전체 너비에 걸쳐 있습니다. – j08691

당신은 div에 대한 내용을 자동으로 (CSS는 필요하지 않음) 내용에 맞게 조정할 수 있지만 수직적으로 만 사용할 수 있습니다! –

기본적으로 다른 div 내부의 div는 해당 div를 포함하는 div만큼 커집니다. 그래서 당신은 사업부 "outter는"의 크기를 설정해야하며 기본적으로는

출처

2012-03-27 19:28:58 chadpeppers

기본적으로 브라우저의 너비는 퍼센트로 표시됩니다. 따라서 div를 인라인 블록으로 설정하면 문제가 해결됩니다. 또는 너비를 설정하십시오. 텍스트가 동적으로 변경되어 텍스트 크기에 맞게 조정해야하기 때문에 너비를 설정하고 싶지 않습니다. – user1096509

예이 문제는 인라인 검정으로 설정하여 div도 확장하므로 – chadpeppers

요소는 100 %의 폭이다. display: inline 또는 inline-block 요소가 콘텐츠에 적합합니다.

출처

2012-03-27 19:27:58

<div>은 블록 요소입니다. <span> 또는 <div style="display:inline"></div> ... <div style="float:left"></div>을 사용해도 비슷한 효과가 나타날 수 있습니다.

출처

2012-03-27 19:27:58 Timmerz

나는 당신이 그 div의 둘 것을 찾을 생각 문서의 100 %가 될 것입니다 :

display:block;

당신이 할 경우 :

#outer, #inner { 
    display:inline; 
}

두 요소의 내용이 모두 같습니다.

출처

2012-03-27 19:31:02 clexmond

parent div 내부의 내용으로 크기 조정

답변

관련 문제