对此可能有一个非常简单的解决方案,但是,我是基于CSS的布局的新手,对此的任何帮助都将受到赞赏。
我无法控制主体div(具有图像)的高度,并且它向下延伸到目前为止。这是为什么?全球内部的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;
}