同じ方向にある複数の並列フローティング要素の高さが一致しない問題を解決する方法_html/css_WEB-ITnose

<div id="Header"><! --页面头部 -->        	<div id="menu">            	<ul>                	<li><a href="#">首页</a></li>                    <li class="menuDiv"></li>                    <li><a href="#">博客</a></li>                    <li class="menuDiv"></li>					<li><a href="#">设计</a></li>                    <li class="menuDiv"></li>                    <li><a href="#">相册</a></li>                    <li class="menuDiv"></li>                    <li><a href="#">论坛</a></li>                    <li class="menuDiv"></li>                    <li><a href="#">关于</a></li>                 </ul>        	</div>

#menu {padding:20px 20px 0 0}	/* 固定导航栏位置 */	#menu ul {float:right;list-style:none;margin:0px;}	/* 添加float：right是的导航栏位于页面右侧 */	#menu ul li {float:left;margin:0 10px;display:block;line-height:28px;}	/* 列表向左浮动，左右间距10px */	.menuDiv {width:1px;height:28px;background-color:#999}		//制作导航条时反复用到的竖线	#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666;} /* 超链接样式 */	#menu ul li a:hover{}

アドバイスをお願いします。

ディスカッションへの返信 (解決策)

CSS リセットそこにありますか

ホームページ

これら 2 つを 1 つの li にマージする方法を見つけてください

ブラウザの表示の問題。 。 。 。 。