ASP.Net CSS MasterPages主要內容區域不自動增加<Span>標籤

我有一個主頁面，它爲我的主要內容/信息所在的每個頁面創建一個ContentPlaceHolder。在這附近，我創建了一個名爲main的div標籤。ASP.Net CSS MasterPages主要內容區域不自動增加<Span>標籤

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

所以essentialy contentplaceholder是一個很好的空間，信息可以進入。如果我進入一個頁面並用p標籤在內容中寫入一些內容，則空白空間會自動擴展。

但是我試圖在同一行上創建2個span標籤，我可以在左邊添加窗格，在右邊添加一個datagrid。但是現在我只用文本填充這些span標籤。但是，空白區域不會自動擴展，因此改變了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; 
}

來源

2012-09-07 user1638362

從你的CSS河畔取出height:100px就給height:auto

如果您需要默認高度爲100像素，那麼你可以這樣

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

寫檢查演示http://jsfiddle.net/YUTTh/1/

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

來源

2012-09-07 08:18:35 Sowmya

嗨，我剛剛做了這個，我仍然遇到同樣的問題。 – user1638362

爲id風格做到這一點。在我的回答中檢查演示 – Sowmya

.SearchDivs { display：inline; } ＃SearchLeftPanel { clear：both; float：left; 寬度：25％; height：100px; } ＃SearchRightPanel { float：right; 寬度：67％; min-height：100px; height：auto } 完全一樣，文本仍然溢出到頁腳上，並且空白區域沒有擴展。 – user1638362

ASP.Net CSS MasterPages主要內容區域不自動增加<Span>標籤

回答

相關問題