猿问

banner_ class 本来设置好了的,后来怎么自己错位了?

qq_嘘____________0
浏览 1943回答 4
4回答

qq_嘘____________0

不知道可不可以,

qq_嘘____________0

格式:.banner { width: 100%; overflow: hidden; margin-bottom: 15px;}.banner_bar { float: right; position: relative; overflow: hidden;}.imgBox { position: absolute; left: 0; top: 0;}/*绝对定位必须设置X轴和Y轴*/.imgBox li { float: left;}.imgBox img { display: block;}.imgNum { position: absolute; left: 0; bottom: 12px; width: 100%; text-align: center;}.imgNum a { width: 20px; height: 5px; display: inline-block; background-color: #FFF; overflow: hidden; margin: 5px;}.imgNum .active { background-color: #FF7100;}.banner_big,.banner_big img { width: 810px; height: 347px;}.banner_big .imgBox { width: 1620px; height: 347px;}.banner_sm,.banner_sm img { width: 190px; height: 400px;}.banner_sm .imgBox { width: 380px; height: 400px;}

qq_嘘____________0

框架代码:<div class="banner comWidth  "> <div class="banner_bar banner_big"> <ul class="imgBox"> <li> <a href="#"><img src="img/banner/example1.gif" alt="banner"></a> </li> <li> <a href="#"><img src="img/banner/example2.gif" alt="banner"></a> </li> </ul> <div class="imgNum"> <a href="#" class="active"></a> <a href="#"></a> <a href="#"></a> </div> </div>

野猫1

你不贴代码,我表示无力
随时随地看视频慕课网APP
我要回答