Неправильное место для поплавка: левый div

Question

 <div id="nav-main" align="center" style="width: 95%; height: 35px;"> 
      <div style="float:left; height: 29px; width: 260px;"> 
          <a href="javascript:void(0);" onclick="select();" 
           style="font-size: small; background-color: #FFFFFF"> 
           &#1048;&#1079;&#1084;&#1077;&#1085;&#1080;&#1090;&#1100; &#1082;&#1086;&#1076; &#1080; &#1087;&#1088;&#1080;&#1084;&#1077;&#1095;&#1072;&#1085;&#1080;&#1077;</a> 
      </div> 
      <div style="float:right; width: 639px;" align="center"> 
      <asp:Menu ID="Menu2" runat="server" Orientation="Horizontal" Width="521px" MaximumDynamicDisplayLevels="0" 
       StaticSelectedStyle-CssClass="StaticSelectedStyle" Height="32px" StaticSubMenuIndent="18px" 
       OnMenuItemClick="Menu2_MenuItemClick"> 
       <StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle> 
       <Items> 
        <asp:MenuItem Text="&#1063;&#1072;&#1089;&#1086;&#1074;&#1099;&#1077;" Value="1" /> 
        <asp:MenuItem Text="&#1057;&#1091;&#1090;&#1086;&#1095;&#1085;&#1099;&#1077;" Value="2" 
         Selected="True" /> 
       </Items> 
      </asp:Menu> 
      </div> 
     </div> 

Не могу видеть левый div. и поджигатель показывает его под правой DIV :(

Как самостоятельно покинул DIV с левой стороны и уверен, что я делаю неправильно?

Answer 1

Не уверен, что я полностью понимаю, что вы пытаетесь сделать, но чтобы получить 2 divs, чтобы плавать рядом друг с другом, и я думаю, это то, что вы просите, попробуйте следующее. Я изменил контейнер с 95% шириной до фиксированной ширины, чтобы указать фиксированный размер, который вы определили для своих div. Я изменил второй div на float:left. Даже если вы хотите, чтобы один div плавал справа от левой, не означает, что вам нужно использовать float:right. Если они оба в стиле с float:left и их определенная ширина помещается в их содержащий элемент, второй будет плавать справа от первого. Надеюсь, это поможет.

<div id="nav-main" align="center" style="min-width: 900px; width:95%; height: 35px;"> 
     <div style="float:left; height: 29px; width: 260px;"> 
         <a href="javascript:void(0);" onclick="select();" 
          style="font-size: small; background-color: #FFFFFF"> 
          &#1048;&#1079;&#1084;&#1077;&#1085;&#1080;&#1090;&#1100; &#1082;&#1086;&#1076; &#1080; &#1087;&#1088;&#1080;&#1084;&#1077;&#1095;&#1072;&#1085;&#1080;&#1077;</a> 
     </div> 
     <div style="float:left; width: 639px;" align="center"> 
     <asp:Menu ID="Menu2" runat="server" Orientation="Horizontal" Width="521px" MaximumDynamicDisplayLevels="0" 
      StaticSelectedStyle-CssClass="StaticSelectedStyle" Height="32px" StaticSubMenuIndent="18px" 
      OnMenuItemClick="Menu2_MenuItemClick"> 
      <StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle> 
      <Items> 
       <asp:MenuItem Text="&#1063;&#1072;&#1089;&#1086;&#1074;&#1099;&#1077;" Value="1" /> 
       <asp:MenuItem Text="&#1057;&#1091;&#1090;&#1086;&#1095;&#1085;&#1099;&#1077;" Value="2" 
        Selected="True" /> 
      </Items> 
     </asp:Menu> 
     </div> 
    </div> 

Answer 2

Это что-то вроде того, что вы ищете?

<div id="nav-main" style=" width: 100%; min-width: 900px; border:1px solid green;"> 
    <div style="min-width:258px; min-width:30%; float: left; background-color:#CCC;"> <a href="javascript:void(0);" onclick="select();" 
          style="font-size: small;"> &#1048;&#1079;&#1084;&#1077;&#1085;&#1080;&#1090;&#1100; &#1082;&#1086;&#1076; &#1080; &#1087;&#1088;&#1080;&#1084;&#1077;&#1095;&#1072;&#1085;&#1080;&#1077;</a></div> 
    <div style="float: left; background-color:#FFFFCC; width:70%;"> 
    <asp:Menu ID="Menu2" runat="server" Orientation="Horizontal" Width="521px" MaximumDynamicDisplayLevels="0" 
      StaticSelectedStyle-CssClass="StaticSelectedStyle" Height="32px" StaticSubMenuIndent="18px" 
      OnMenuItemClick="Menu2_MenuItemClick"> 
     <StaticSelectedStyle CssClass="StaticSelectedStyle"></StaticSelectedStyle> 
     <Items> 
     <asp:MenuItem Text="&#1063;&#1072;&#1089;&#1086;&#1074;&#1099;&#1077;" Value="1" /> 
     <asp:MenuItem Text="&#1057;&#1091;&#1090;&#1086;&#1095;&#1085;&#1099;&#1077;" Value="2" 
        Selected="True" /> 
     </Items> 
    </asp:Menu> 
    right</div> 
    <div style="clear:both;"></div> 
</div>