我做的一个导航下拉菜单,可是好象定位不够好

2008-03-25 04:16:33 110 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Lisen_1987 墨衍会员 · AI 创作全网分发关注 + 加入社区

【超详细】C#的单例模式本文详细介绍了C#中的单例设计模式，包括两种实现方式：普通类泛型单例（Singleton）和基于MonoBehaviour的组件单例（MonoSingleton）。单例模式通过私有构造、静态私有实例和公共访问入口确保全局唯一实例，具有节省资源、保证数据一致性等优势。文章分别阐述了两者的核心原理、代码实现、使用场景及注意事项，并提供了日志管理器和音效管理器的具体应用示例。特别强调了多线程安全、初始化时机和避免过度使用等重要原则，为Unity开发中合理运用单例模式提供了全面指导。阅读详情

我用CSS做的导航菜单,下面是我的样式和代码
[CSS]
.m_layout
{
width:612px;
height:22px;
background:#666666;
text-align:center;
list-style:none;
}

.f_layout
{
float:left;
width:153px;
height:22px;
color:#CCCCCC;
text-align:center;

}

.ff_layout
{
display:none;
width:153px;
height:218px;
background:#CCCCCC;
text-align:center;
}

.f_layout:hover .ff_layout
{
display:block;
}
[CSS]

这里是HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="lay.css" rel="stylesheet" type="text/css" />
</head>

<body>

<ul class="m_layout">

<li class="f_layout">HOME
<ul class="ff_layout">Please Press The HOME Button</ul>
</li>

<li class="f_layout">NAME
<ul class="ff_layout">Please Press The NAME Button</ul>
</li>

<li class="f_layout">ABOUT
<ul class="ff_layout">Please Press The ABOUT Button</ul>
</li>

<li class="f_layout">EPAGE
<ul class="ff_layout">Please Press The EPAGE Button</ul>
</li>
</ul>

</body>
</html>

出现的效果很奇怪,没有办法让二级菜单与一级菜单垂直对齐,总是会向右推进一些,到底CSS代码哪里出了问题?谢谢~~~

...全文