자동 크기 조정 div 요소

asp.net 웹 응용 프로그램을 정리하고 asp.net에 일부 html 코드를 삭제하는 작업을하고 있지만 서식 문제가 있습니다. 내 모든 콘텐츠 페이지가 상속하는 Site.Master 페이지가 있습니다. 나는 div 요소가이 페이지에서 서로 중첩되어 있는데, 여기에는 ASP 페이지 컨트롤이있어서 내 콘텐츠 페이지의 모든 콘텐츠를 드롭합니다. 문제는 내 div 컨테이너가 자동 크기가 아니므로 내용이 오버플로됩니다. 나는 많은 웹 개발 작업을 수행하지 않기 때문에 이것에 대한 도움이 필요하다.자동 크기 조정 div 요소

HTML (Site.Master)

<body> 
    ... 
    <div class="wrapper"> 
     <header> 
     <!-- Stuff --> 
     </header> 

     <div id="content-wrapper"> 
      <asp:ContentPlaceHolder ID="maincontent" runat="server" /> 
     </div> 
     <!-- More Stuff --> 
    </div> <!-- End wrapper --> 
    <!-- Even More Stuff --> 
</body>

CSS는

#content-wrapper{ 
width:98%; 
height:100%; 
margin:0 auto; 
min-height:800px; 
background:white; 

-webkit-border-bottom-right-radius:0.50em; 
-webkit-border-bottom-left-radius:0.50em; 

-moz-border-radius-bottomright:0.50em; 
-moz-border-radius-bottomleft:0.50em; 

border-bottom-right-radius:0.50em; 
border-bottom-left-radius:0.50em; 
} 

.wrapper { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; 
}

다른 사람이 내가 너무 잘 알고 뭔가하지 않은 HTML과 CSS를 쓰고, 난 그냥 포기 해요 그것은 응용 프로그램으로, 그래서 나는이 모든 형식 사업에 조금 잃어 버렸어. 다시 말하면, ASP 자리 표시 자에 드롭하는 컨텐트는 "래퍼"및 "컨텐트 래퍼"컨테이너를 넘치고 있습니다. HTML 파일은 좋지만 어쨌든 나는 그것을 응용 프로그램에 넣기 위해 잘라 버리고 있습니다.

내가 오버 플로우라고 말하면 내용이 컨테이너에서 쏟아져 나오는 것을 의미합니다. 예를 들어 여기를 참조하십시오 : http://css-tricks.com/the-css-overflow-property/. 오버플로는 visible

출처

2013-07-18 Display Name

정확히 "넘치는"의미는 무엇입니까? –

Doctype 선언이 서식을 엉망으로 만들고 있습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

에 :

은에서를 변경

<!DOCTYPE HTML>

나는 더 이상 내 문제가 없었다.

출처

2013-07-18 21:29:43

자동 크기 조정 div 요소

답변

관련 문제