0

我有一个母版页，它为我的主要内容/信息所在的每个页面创建一个 ContentPlaceHolder。围绕这个我创建了一个名为 main 的 div 标签。

<div id="Main">
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
</div>

#Main
{
    background-color:White;
    padding: 15px 20px 15px 20px;
    margin: 0px 100px 10px 100px;
    border-radius: 4px 4px 4px 4px;
}

所以本质上，内容占位符是一个很好的空白空间，信息可以进入。如果我进入一个页面并使用 p 标签将一些内容写入内容，则空格会自动扩展。

但是，我正在尝试在同一行上创建 2 个跨度标签，我可以在其中添加左侧窗格和右侧的数据网格。但目前我只用文本填充了这些跨度标签。然而，空白不会自动扩展，我改变了 span 标签的高度，但它进入了页脚。有任何想法吗？

<asp:Content ID="SearchContent" ContentPlaceHolderID="MainContent" runat="server">

<span id="SearchLeftPanel" class="SearchDivs">
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
leftleftleftleft
</span>

<span id="SearchRightPanel" class="SearchDivs">
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
RightRightRightRightRightRight
</span>


.SearchDivs
{
   display:inline;
}
#SearchLeftPanel
{
    clear:both;
    float:left;
    width:25%;
    height:100px;    
}
#SearchRightPanel
{
   float:right;
   width:67%;
   height:100px;   
}
4

1 回答 1

1

height:100px从你的 css中删除height:auto

如果您需要默认高度为 100px，那么您可以这样写

#SearchRightPanel
{
   float:right;
   width:67%;  
min-height:100px; 
height:auto
}

查看演示http://jsfiddle.net/YUTTh/1/

更新了演示http://jsfiddle.net/YUTTh/2/

于 2012-09-07T08:18:35.073 回答