2011-02-01 136 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

回答