调整浏览器大小时出现CSS问题

调整浏览器大小时出现CSS问题,css,browser,Css,Browser,我在指出窗口时遇到了一个问题: 当我调整窗口大小时,我的CSS失效;我的意思是页面的外观已更改: 代码如下: 网页: <!-- Begin Wrapper --> <div id="wrapper"> <!-- Begin Header --> <div id="header"> <h1> Header </h1> </div> <!-- End

我在指出窗口时遇到了一个问题:

当我调整窗口大小时,我的CSS失效;我的意思是页面的外观已更改:

代码如下:

网页:

         <!-- Begin Wrapper -->
    <div id="wrapper">
  <!-- Begin Header -->
  <div id="header">
  <h1>
     Header
  </h1>
  </div>
  <!-- End Header -->

  <!-- Begin Navigation -->
  <div id="navigation"> 
  <div class="menu">
        <ul>
            <li><a href="#" >Home</a></li>
            <li><a href="#" id="current">One</a>
                <ul>
                    <li><a href="#">asd</a></li>
                    <li><a href="#">fdasdasd</a></li>
                    <li><a href="#">asdasdasd</a></li>
                    <li><a href="#">fsadfsd</a></li>
               </ul>
          </li>
            <li><a href="/faq.php">Two</a>
                <ul>
                <li><a href="#">sdfsdfasdf</a></li>
                <li><a href="#">sdfsdf</a></li>
                <li><a href="#">sdfsdaf</a></li>
                <li><a href="#">werqwer</a></li>
                </ul>
          </li>
          <li><a href="/faq.php">Three</a>
                <ul>
                <li><a href="#">safdfwe</a></li>
                <li><a href="#">sdafdf</a></li>
                </ul>
          </li>


            <li><a href="/contact/contact.php">My Account</a>

            </li>
            <li>
               <input type="text" style="width:200px;" id="search" />
               <asp:Button ID="btnSearch" runat="server" Text="Search" />
            </li>
        </ul>
    </div>

  </div>
  <!-- End Navigation -->
  <!-- Begin Left Column -->
  <div id="leftcolumn">


   </div>
  <!-- End Left Column -->
  <!-- Begin Content Column -->

  <div id="content"> 

   </div>
  <!-- End Content Column -->
  <!-- Begin Right Column -->
  <div id="rightcolumn"> 

  </div>
  <!-- End Right Column -->
  <!-- Begin Footer -->
  <div id="footer"> 


   </div>

  <!-- End Footer -->
 </div>
<!-- End Wrapper -->
    </div>
全屏模式:

调整浏览器大小:


请帮助为菜单示例添加宽度

menu { width: 890px; }

为菜单示例添加宽度

menu { width: 890px; }

如果要在调整窗口大小时使用水平滚动条,请在最外层的div上添加:


如果要在调整窗口大小时使用水平滚动条,请在最外层的div上添加:

请观看演示

我用菜单把它修好了

        #menu ul{ min-width:960px}
请观看演示

我用菜单把它修好了

        #menu ul{ min-width:960px}