최소 높이가 작동하지 않습니다. Div는 특정 브라우저 크기에서 사라집니다.

Question

이것은 처음 게시하고 웹 개발에 익숙하지 않으므로 나와 함께하시기 바랍니다!

우리 사이트의 일부에는 텍스트 콘텐츠가있는 흰색 div가 있습니다. 페이지의 다른 요소와 나란히 배치되도록 배치했습니다. div (#contacttextcontainer) 응답 성을 높여 브라우저 창 크기에 관계없이 텍스트를 읽을 수있는 방법을 찾아 내려고 노력했습니다. 오버플로를 시도했는데, div (필요한 경우 스크롤 막대 추가) 내에 텍스트가 포함되어 있지만 특정 브라우저 크기에서 div가 완전히 접히는 문제도 있습니다. 나는 최소 높이 (디스플레이 : 블록, 최소 높이 : 100 % ... 그리고 특정 픽셀을 시도했다.)를 시도했다. 하지만 아무 것도 작동하지 않는 것 같은데 .... 내가 뭔가를 놓친거야? '

Safari에서 테스트를 마쳤습니다.

도움을 주시면 대단히 감사하겠습니다. 고맙습니다!!!!

html로 : 우리는 원래의 HTML/CSS를 보면

<div id="contacttextcontainer"> 
    <p></p> 
    <p>test test test.</p> 
    <p>test</p> 
    <p>test test test test test</p> 
    <p>STUDIO HOURS;</p> 
    <p></p> 
    <p>9-4:30 Mon-Fri and by appointment</p> 
    <p></p> 
    <p>CONTACT;</p> 
    <p>555-555-5555</p> 
    <p>test test test</p> 
    </div> 

#contacttextcontainer { 
font-size: 16px; 
text-align: center; 
font-family: courier; 
position: absolute; 
top:335px; 
left:315px; 
right: 260px; 
bottom: 115px; 
padding: 20px; 
background-color: #FFFFFF; 
overflow: auto; 
    } 

Answer 1

확인 CSS, 우리는이 얻을 : http://jsfiddle.net/svJUQ/ 및 바닥 위치를 제거함으로써 우리는이를 얻을 : http://jsfiddle.net/svJUQ/2/ - div에 지정된 하단 위치 또는 높이가없는 경우 높이가 기본값 (height: auto;)으로 설정되고 div가 해당 내용에 맞게 확장됩니다. 콘텐츠 또는 숨겨진 콘텐츠를 스크롤하지 않으려면 overflow: visible; 인 오버플로의 기본값을 변경할 필요가 없습니다. 그것이 당신이 찾고있는 것이 아닌지 알려주십시오.