div ul li横排显示HTML codediv classmenu_01 ulli styledisplay:blocka href单跟/a
div ul li横排显示
HTML code<div class="menu_01" > <ul> <li style="display:block;"><a href="">单跟</a> <ul style="display:inline;"> <li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li> </ul> </li> <li><a href="#">高跟</a> <ul style="display:inline;"> <li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li> <li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li> </ul> </li>
[解决办法]float:left在加个这个试试
[解决办法]http://blog.sina.com.cn/s/blog_68d663140100ljjt.html
[解决办法]第一个ul改为ol，然后在头部加css：ul li{display:inline;}就可以了
------解决方案--------------------
display不能用于<ul>中,内嵌的话，你可以把style="display:inline"放在<li>中就行了
[解决办法][code=HTML][/code]<style>
ul li{display:inline;}
</style>
<div class="menu_01" >
<li style="display:block;"><a href="">单跟</a>
<ul style="display:inline;">
<li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li>
</ul>
</li>
<li><a href="#">高跟</a>
<ul style="display:inline;">
<li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li>
<li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li>
</ul>
</li>
</div>
