求助!这一段网页如何把他改成横向?

headsonlkc 2018-09-20 03:23:21
<div class="aside">
<h1 class="logo">
<img src="images/logo.png"></h1>
<div class="nav">
<ul>
<li><span><a href="javascript:getPic(0,'');">
<img src="images/category_00.png"></a></span> </li>
<li id="cate1"><span><a href="javascript:getCate(1)">
<img src="images/category_01.png"></a></span>
<ul>
<%--<li>
<span><a href="#">上装</a></span>
<ul>
<li><a href="#">上衣</a></li>
<li><a href="#">外套</a></li>
</ul>
</li>
<li>
<span><a href="#">下装</a></span>
<ul>
<li><a href="#">裤子</a></li>
<li><a href="#">裙子</a></li>
</ul>
</li>
<li>
<span><a href="#">连衣裙</a></span>
</li>
<li>
<span><a href="#">饰品</a></span>
<ul>
<li><a href="#">包包</a></li>
<li><a href="#">鞋子</a></li>
<li><a href="#">其它</a></li>
</ul>
</li>--%>
</ul>
</li>
<li id="cate2"><span><a href="javascript:getCate(2)">
<img src="images/category_02.png"></a></span>
<ul>
<%--<li>
<span><a href="#">职场</a></span>
</li>
<li>
<span><a href="#">社交</a></span>
</li>
<li>
<span><a href="#">休闲</a></span>
</li>--%>
</ul>
</li>
<li id="cate3"><span><a href="javascript:getCate(3)">
<img src="images/category_03.png"></a></span>
<ul>
<%--<li>
<span><a href="#">单品</a></span>
</li>--%>
</ul>
</li>
<li id="cate4"><span><a href="javascript:getCate(4)">
<img src="images/category_04.png"></a></span>
<ul>
</ul>
</li>
<li id="cate5"><span><a href="javascript:getCate(5)"></a></span>
<ul>
</ul>
</li>
<li id="cate6"><span><a href="javascript:getCate(6)"></a></span>
<ul>
</ul>
</li>
</ul>
</div>
<div class="bottom-nav">
<div class="search">
<h3>
按编号搜索</h3>
<div class="search-box">
<input type="text" id="word" placeholder="请输入款号" />
<a href="javascript:search()" style="cursor: hand;"></a>
</div>
</div>
<ul>
<%--<li><a href="javascript:void()"><img src="images/category_08.png"></a></li>--%>
<li><a href="index.aspx?img=0">
<img src="images/category_10.png"></a></li>
<li><a href="index.aspx?type=1">
<img src="images/category_09.png"></a></li>
<li><a href="javascript:;"></a></li>
<li><a href="javascript:;"></a></li>
</ul>
</div>
</div>


折腾了两天只会把大框横向,这些导航就不会了
...全文
976 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
去tm的小杰瑞 2018-10-08
  • 打赏
  • 举报
回复
.nav ul li{float:left;}
lovebaby 2018-09-28
  • 打赏
  • 举报
回复
话说你这是纯CSS问题吧。

div.nav>ul{float:left}
另外,你应该有统一的CSS样式表的。
空白桑 2018-09-28
  • 打赏
  • 举报
回复
ul 里面li 加左浮动

62,025

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧