CSS垂直拉伸问题

时间:2011-02-01 18:53:03

标签: css

对此可能有一个非常简单的解决方案,但是,我是基于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;
}

1 个答案:

答案 0 :(得分:0)

我认为问题是您在global-inner上的内联样式,它似乎与它们一起被删除了:

http://jsfiddle.net/adhKG/