2011-02-01 116 views
1

這可能是一個非常簡單的解決方案,但是,我是基於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:

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; 
} 
+0

你在樣式表中有`#global-inner {...}`。你爲什麼使用style屬性? – 2011-02-01 19:00:57

+0

如果我在html中取出樣式屬性w /,那麼這沒有什麼區別。 – Paul 2011-02-01 19:09:19

回答