一，这要用到float浮动属性 二，floatleft代表想做浮动，也就是横向排列是向左边排列 三，floatright代表想做浮动，也就是横向排列是向右边排列 四，代码如下 lthtml ltbody ltstyle ul li width200pxheig。

Css + javascript 联合两项技术 可以实现 这是学习有感 对于此项技术的实现，我们首相应该勾勒出，菜单的每一个动作，即每个动作产生了什麽效果以动画产生的理论来指导ltdiv ltul id=quotmainNavquot ltlilta href=quot\quot。

第一问题你如果想让两个无序列表放在同一行，你应该给两个ul加displayinlineblock或者inline都行第二个问题你二级导航加了displayinline 转为行内元素了当然横着显示第三个问题只要点击7，就会把后面的往后。

ltspan切换1ltspan ltspan切换2ltspan ltdiv ltdiv class=quotcontentquot切换1内容ltdiv ltdiv class=quotcontentquot style=quotdisplayquot切换2内容ltdiv ltdiv 自己去加样式和切换效果，布局一般就这样。

无标题文档html 文件代码如下lt！doctype htmllthtml lang=quotzhquot lthead ltmeta charset=quotutf8quot * 这行可以写得这样省略 * lttitleul列表lttitle ltlink href=quotlicssquot rel=quotstyles。