<!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>
定义图片 width="159" 最宽不能超过160
在960相素内,最多只能排6个追问
不是啊。我看了网上很多都可以并排,是隐藏在框外。
本回答被提问者和网友采纳