2010-02-17 3 views
2

일부 텍스트를 보유하는 div가 있습니다. 테두리가있는 배경이 있지만 어떤 이유로 오버플로 : auto로 상자가 텍스트로 확장되지 않습니다. 여기에 상자뿐만 아니라 그림을위한 스크립트가 있습니다 :CSS 콘텐츠 오버플로 IE에서 벗어났습니다. <

. 박스 {background : #ffdcba; 국경 : 1 픽셀 고체 # f78d25; 디스플레이 : 블록; 명확 : 둘 다; 여백 : 4px 0px; 패딩 왼쪽 : 15px; 오버플로 : 자동; }

내부 div는 그냥 왼쪽, 오른쪽으로 표시되며 display : inline이 있습니다. 를 heres 사진 : A는 그 내용에 맞게 확장되지 않습니다 상자를 떠

http://i45.tinypic.com/2woj1br.gif

답변

1

. 콘텐츠 뒤에 삭제 요소를 추가해야합니다. 보통 <br>이 좋습니다.

0

당신은 HTML의 정확한 구성을 지정하지 않은,하지만 난 "이 같은있어 asssuming M :

<div class="box"> 
    <div style="float: left">test subject></div> 
    <div style="float: right"> 
     <div>ASD</div> 
     etc... 
    </div> 
</div> 

부동 요소가 일정한 흐름에서 제거를하고, 원인이됩니다"오버 플로우를 수레 포함하는 "확장". 당신이보고있는 당신은을 포함하는 div.box을 강제로 떠 부분 아래에 비 떠내려 요소를 추가해야합니다 "뿐만 아니라

<div class="box"> 
    <div style="blah blah" .... 
    etc.... 
    <br style="clear: both" /> 
    </div> 

을의 overflow: auto 어떤이 없습니다 효과가 없으므로 .box 스타일에 영향을 미칩니다. 높이나 너비를 지정하십시오. 자연스럽게 확장되어 거기에 들어있는 내용을 포함하게됩니다. 스크롤바를 강제로 표시하려면 height 또는 스타일을 입력해야하며, 한도를 초과 할만큼 충분한 콘텐츠가 있어야합니다.