jsp网页设计中为何菜单不能横过来显示？
代码如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=req...
代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title></title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" type="text/css" href="../CSS/lanrenzhijia.css" /> <script src="../js/lanrenzhijia.js" type="text/javascript"></script> </head> <body> <div > <span class="preload1"></span> <span class="preload2"></span> <ul id="nav"> <li class="top"><a href="http://www.baidu.com" class="top_link"><span>首页</span></a></li> <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">仓库管理</span></a> <ul class="sub"> <li><a href="#" class="fly">入库操作 </a> <ul> <li><a href="dealer/storage.jsp" target="c1show">产品入库</a></li> <li><a href="dealer/storageShow.jsp" target="c1show">查询入库信息</a></li> <li><a href="dealer/storageUpdate.jsp" target="c1show">修改入库信息</a></li> </ul> </li> <li class="mid"><a href="#nogo7" class="fly">出库操作</a> <ul> <li><a href="dealer/outbound.jsp" target="c1show">产品出库</a></li> <li><a href="dealer/outboundShow.jsp" target="c1show">查询出库信息</a></li> <li><a href="dealer/outboundUpdate.jsp" target="c1show">修改出库信息</a></li> </ul> </li> <li class="mid"><a href="#nogo7" class="fly">库存信息</a> <ul> <li><a href="dealer/stockShow.jsp" target="c1show">库存查看</a></li> <li><a href="dealer/stockUpdate.jsp" target="c1show">库存修改</a></li> </ul> </li> </ul> </li> <li class="top"><a href="#" id="services" class="top_link"><span class="down">品牌信息</span></a> <ul class="sub"> <li><a href="dealer/brandShow.jsp" target="c1show">品牌查看</a></li> <li><a href="dealer/brandAdd.jsp" target="c1show">品牌添加</a></li> <li><a href="dealer/brandUpdate.jsp" target="c1show">品牌修改</a></li> <li><a href="dealer/brandDelete.jsp" target="c1show">品牌删除</a></li> </ul> </html>预想效果：
实际效果(IE11浏览器)：
请问怎么改? 展开
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title></title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" type="text/css" href="../CSS/lanrenzhijia.css" /> <script src="../js/lanrenzhijia.js" type="text/javascript"></script> </head> <body> <div > <span class="preload1"></span> <span class="preload2"></span> <ul id="nav"> <li class="top"><a href="http://www.baidu.com" class="top_link"><span>首页</span></a></li> <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">仓库管理</span></a> <ul class="sub"> <li><a href="#" class="fly">入库操作 </a> <ul> <li><a href="dealer/storage.jsp" target="c1show">产品入库</a></li> <li><a href="dealer/storageShow.jsp" target="c1show">查询入库信息</a></li> <li><a href="dealer/storageUpdate.jsp" target="c1show">修改入库信息</a></li> </ul> </li> <li class="mid"><a href="#nogo7" class="fly">出库操作</a> <ul> <li><a href="dealer/outbound.jsp" target="c1show">产品出库</a></li> <li><a href="dealer/outboundShow.jsp" target="c1show">查询出库信息</a></li> <li><a href="dealer/outboundUpdate.jsp" target="c1show">修改出库信息</a></li> </ul> </li> <li class="mid"><a href="#nogo7" class="fly">库存信息</a> <ul> <li><a href="dealer/stockShow.jsp" target="c1show">库存查看</a></li> <li><a href="dealer/stockUpdate.jsp" target="c1show">库存修改</a></li> </ul> </li> </ul> </li> <li class="top"><a href="#" id="services" class="top_link"><span class="down">品牌信息</span></a> <ul class="sub"> <li><a href="dealer/brandShow.jsp" target="c1show">品牌查看</a></li> <li><a href="dealer/brandAdd.jsp" target="c1show">品牌添加</a></li> <li><a href="dealer/brandUpdate.jsp" target="c1show">品牌修改</a></li> <li><a href="dealer/brandDelete.jsp" target="c1show">品牌删除</a></li> </ul> </html>预想效果：
实际效果(IE11浏览器)：
请问怎么改? 展开
1个回答
展开全部
样式
.top{
float: left;
}
让主菜单左浮动， 至于子菜单， 你就要自己定位了
.top{
float: left;
}
让主菜单左浮动， 至于子菜单， 你就要自己定位了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
