html 准备做图片轮播,但li不能排成一排,即有的li被挤了下来,css要怎样改?求助!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.banner .banner-center
{
overflow:hidden;
position:relative;
height:252px;
width:960px;
margin:auto;
}
.banner .banner-center ul
{
display:list-block;
position:absolute;
width:auto;
}
.banner .banner-center li
{
overflow:hidden;
position:relative;
float:left;
height:252px;
}
</style>
</head>

<body>
<div class="banner">
<div class="banner-center">
<ul>
<li>
<img src="img/banner1.png" />
</li>
<li>
<img src="img/banner2.png" />
</li>
<li>
<img src="img/banner3.png" />
</li>
<li>
<img src="img/banner4.png" />
</li>
<li>
<img src="img/banner5.png" />
</li>
<li>
<img src="img/banner6.png" />
</li>
</ul>
</div>

</div>
</body>
</html>

第1个回答  2014-09-03
<img src="img/banner1.png" width="159" />
定义图片 width="159" 最宽不能超过160
在960相素内,最多只能排6个追问

不是啊。我看了网上很多都可以并排,是隐藏在框外。

本回答被提问者和网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网