divデータをASP.NETビューページで折り返さないようにする方法は？

Question

Products.aspxのビューページに2つのDIVタグがあります。

アプリケーションウィンドウを最小化/サイズ変更すると、payLoad divセクションが下に折り返されます。右側のデータ（payLoad div）が左側のデータの下に表示されます。私はデータをラップしたくありません。

データを下に折り返さないようにするにはどうすればよいですか？

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div id="navigation" style="float: left; width: 250px; margin-right: 15px;"><% Html.RenderPartial("~/Views/Home/NavTree.ascx"); %></div> 
<div id="payload" nowrap style="float: left; width: 600px; "><% Html.RenderPartial("~/Views/Home/Payload.ascx"); %></div> 
</asp:Content> 

Answer 1

よりもむしろ山車を使用して、あなたの代わりにこれを行うことができます。このCSSで

<div id="columns"> 
    <div id="navigation"> 
    <% Html.RenderPartial("~/Views/Home/NavTree.ascx"); %> 
    </div> 
    <div id="payload"> 
    <% Html.RenderPartial("~/Views/Home/Payload.ascx"); %> 
    </div> 
</div> 

を：ナビゲーションdiv要素がより背が高い場合は、この問題が発生すること

#columns { 
    position: relative; 
} 

#navigation { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 250px; 
} 

#payload { 
    margin-left: 265px; 
} 

注意コンテンツのナビゲーションdivの高さはコンテナの高さを変更しないためです。この問題を回避するには、にmin-height CSSプロパティを追加します。

Answer 2

全体的にコンテナを試しましたか？

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div style="width:865px;"> 
<div id="navigation" style="float: left; width: 250px; margin-right: 15px;"><% Html.RenderPartial("~/Views/Home/NavTree.ascx"); %></div> 
<div id="payload" nowrap style="float: left; width: 600px; "><% Html.RenderPartial("~/Views/Home/Payload.ascx"); %></div> 
</div> 
</asp:Content>