Heim > Web-Frontend > HTML-Tutorial > 多个并列同方向浮动元素高度不一致,如何解决_html/css_WEB-ITnose

多个并列同方向浮动元素高度不一致,如何解决_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:53:53
Original
1654 Leute haben es durchsucht

<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>
Nach dem Login kopieren

#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{}
Nach dem Login kopieren

请指教!


回复讨论(解决方案)

css reset了吗

  • 首页


  • 这2个 想办法 合并到一个li中

    浏览器显示的问题。。。。。

  • Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage