错误的浮动地点：左格

 <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 :(错误的浮动地点：左格

如何自左格的左侧，知道我做错了吗？

来源

2010-09-01 Cynede

不知道我完全明白你想要做什么，但至于获得2个div相互漂浮，我认为是你问的，试试以下内容：我将容器从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>

来源

2010-09-01 09:22:31 jaywon

我需要动态宽度，所以我需要全部更改为动态？我会尽力。 – Cynede 2010-09-01 09:29:59

刚刚更新了我对您的评论的回答，设置了固定的最小宽度，同时仍然定义了动态宽度。 – jaywon 2010-09-01 09:36:54

这是你寻找的那种吗？

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

来源

2010-09-01 14:52:44 AJFMEDIA

错误的浮动地点：左格

回答

相关问题