日期:2014-05-17  浏览次数:20527 次

ul li的竖排二级导航栏
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>test </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
 .listimages
{
list-style-type:none;
font-size:40px;
font-weight:bold;
letter-spacing: 40px;
}
.list1
{
list-style-type:none;
background:url(images/2.jpg) no-repeat top center;
padding:10px 0 0 0px;

}
.sp
{
float:left;
display:inline;
width:14px;
height:80px;
font-size:14px;
word-wrap:break-word;
word-break:nomal;
margin-left:10px;
}
  </style>
 </head>
 <body>
 <ul>
<li class="listimages sp">
<a>和导航栏</a>
<ul>
<li class="list1 sp">第二航栏</li>
<li class="list1 sp">第导航栏</li>
</ul>
</li>
</ul>
 </body>
</html>


整体的效果是第一级竖排,第二级导航栏和第一级并列,现在效果出不来,高人路过帮忙看看,谢谢了

------解决方案--------------------
a div{float:left}