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

そのため、本質的に contentplaceholder は、情報を入れることができる素敵な空白です。ページに移動して、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 nadからを削除してください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 に答える