CSS 수직 스트레치 문제

아마도 이것에 대한 매우 쉬운 해결책이있을 수 있습니다. 그러나 CSS 기반 레이아웃을 처음 접했고 이에 대한 도움을 주시면 감사하겠습니다.CSS 수직 스트레치 문제

(이미지가있는) 본문 div의 높이를 제어 할 수 없으며 지금까지 아래로 늘어납니다. 왜 그런가요? 글로벌 내부 사업부가 잘 작동하는 것 같습니다. 누구든지 도와 줄 수 있습니까? 여기

<body> 
<form id="form1" runat="server"> 
<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
</cc1:ToolkitScriptManager> 
<div id="global-wrap"> 
    <div id="global-inner" style="background: none repeat scroll 0% 0% rgb(145, 148, 138);" >

는 CSS입니다 : 나는 문제가 당신이 global-inner에있는 인라인 스타일이라고 생각

body 
{ 
    background: url("/images/damask-back.jpg") repeat scroll 0 0 #423624; 
    font-family: 'lucida grande',tahoma,sans-serif; 
    font-size: 62.5%; 
    height: 50%; 
} 
#global-wrap 
{ 
    width: 100%; 
    /*height: 925px;*/ 
    position: relative; 
    margin: 10px auto; 
} 
#global-inner { 
    background: none repeat scroll 0 0 #857A6B; 
    border: 2px solid #61533F; 
    margin: 25px auto 0; 
    padding: 20px 25px; 
    position: relative; 
    width: 898px; 
    height: 298px; 
    z-index: 1; 
}

출처

2011-02-01 Paul

당신 스타일 시트에'# global-inner {...}'가 있어야합니다. 왜 스타일 속성을 사용하고 있습니까? –

html에서 스타일 속성 w /를 꺼내면 차이가 없습니다. – Paul

, 그들과 함께 제거 작업을 나타납니다

http://jsfiddle.net/adhKG/

출처

2011-02-01 19:01:35

무엇을 의미합니까? 어떤 줄 바꿈에 대한 인라인 스타일? – Paul

죄송합니다. 래퍼 내부의 div에서 인라인 스타일을 잘못 설명했습니다. 또한 div 태그를 닫았는지 확인하기 위해 부모 div가 자식 div를 snugly로 래핑합니다. 내가 그 질문을 이해하지 않는 한? 예제를 확인하십시오. –

Ahh ok 방금 예제를 보았습니다. – Paul

CSS 수직 스트레치 문제

답변

관련 문제