横向导航有关问题
日期：2014-05-17 浏览次数：20687 次
横向导航问题
下面是我刚自己写的一个导航
我已经设置了<a>的 display属性为block，但是为什么不是横向排列呢？
------解决方案--------------------
h2{float:left;}
------解决方案--------------------
怎么不用ul li呢。这个方便多咯额
下面是我刚自己写的一个导航
- HTML code
<link rel="stylesheet" type="text/css" href="导航.css" /> </head> <body> <div id="header"> <h1><a href="http://www.xnxyw.net"><b>湘南在线</b>www.xnxyw.net</a></h1> <div id="menu"> <h2><a href="#">首页</a></h2> <h2><a href="http://www.xnu.edu.cn">学院首页</a></h2> <h2><a href="http://www.xnxyw.net">贴吧</a></h2> </div> </div> </body> </html>
- CSS code
#header{width:960px;
margin-top:80px;
margin-left:auto;
margin-right:auto;
background-color:#00CEDE;
height:40px;}
h1{width:600px;
float:left;
font-size:9px;}
#header a{color:#666;
margin-top:5px;
margin-left:10px;
text-decoration:none;
float:left;}
#header a:hover{text-decoration:underline;}
b{font-weight:bolder;
font-size:16px;}
#menu{width:360px;
float:right;}
#menu h2{width:120px;
text-align:center;
font-size:16px;}
#menu a{width:119px;
color:#666;
display:block;
float:left;
text-decoration:none;}
#menu a:hover{background-color:#E0FFFF;
text-decoration:none;}
我已经设置了<a>的 display属性为block，但是为什么不是横向排列呢？
------解决方案--------------------
h2{float:left;}
------解决方案--------------------
怎么不用ul li呢。这个方便多咯额
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
