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