CSS网页布局的作业2-10

麻烦你帮我看一下，banner的照片为什么宽度都谢了100%，却只有一部分宽度

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

<ul>

<li>ABOUT</li>

<li>GALLERY</li>

<li>FACULTY</li>

<li>EVENTS</li>

<li>CONTACT</li>

</ul>

</div>

</div>

</body>

</html>

padding: 0;

margin: 0;

}

.top{width: 100%;height: 81px;background-color:#07cbc9;}

.top .logo{float:left;margin-left: 158px;margin-top: 15px}

.top .nav {float:right;margin-right: 111px}

.top .nav ul{padding-right: 20px}

.top .nav ul li{width:80px;font-weight:bolder;list-style-type:none; float: left; line-height: 81px;color:#fff6ea;padding-right: 20px }

.banner{width:100%;height: 601px;position: relative;}

.banner .banner-img{width:100%;height: 601px;position: absolute;}

慕桂英3251318

浏览 1549回答 2

2回答

你说2016

因为你并没有设置img标签的宽度，只是在代码最后一行设置了img标签上面一个div即（.banner-inner）的宽度为100%.banner .banner-img{width:100%;height: 601px;position: absolute;}改成.banner .banner-img img{width:100%;height: 601px;position: absolute;}就可以了

闪开我要发

.banner .banner-img>img{width:100%;height: 100%;}

随时随地看视频慕课网APP