标签：12 outer 轮播 li padding ul 宽度 组件 div
看看思路，一个ul，里面的li多个啊，每个装个一张图片，然后中间套了一个div（这玩意和相框似的），是不是这样就可以，通过改变ul的内联样式left，来切换图啊。
来吧，先写布局：
怎么此时的outer这样子呢？
效果：
其实听不明白怎么div这么宽，明明是500px嘛
body有默认的外边距，我们都去了
怎么去，不用带单位哦
相框
宽高和途品一样，居中
相框的边怎么写，用padding，为什么不用margin，看看区别呗
padding：怎么还打拐了，被压住了?
margin：不用看了，设置马耿就没有底色了
ul
先把ul中li的痦子去了、
emm，这图还竖着呢，怎么搞
注意啊：其实这里去li的点，我卸载imgList下也是可以的
先，为什么竖着，这是li啊，不废话吗
说说队float的理解吧（让li向左浮动就可以了）
诶，这咋不横过来呢
其实，自然是父容器，ul宽度小了。每张图片500，所以至少2500才行
成了
现在给li设置一个左右外边距吧，让图片别那么近
这种请款下，宽度不够了（左右10,5个，加了100）。而且左边距挤了img了
看到这，我们其实可以给outer的左右padding去了，对吧。因为li自己带了嘛
这里就发现以问题，div outer的宽度不够了，li是500，但是左右有margin10，所以有520。
margin没颜色，所有左右10是，div的padding色。效果
宽度自适应
用函数来设置，imgList（ul）的宽度。重点来了
再，操作，ul内联样式
麻蛋，没生效，看黄色矿，错了写错了啊。少个s
改了好了
ul进行左移动，实现切图
关键：是不是要给ul开启绝对定位啊？是的
注意了给子元素开启绝对定位，最好给父元素开启相对定位，子绝父相。
这样，ul才可以就是相对outer定位了。
试一下：
可以，先这样了，明天继续。。。
实现，用导航按钮控制切换。
标签：12,outer,轮播,li,padding,ul,宽度,组件,div 来源： https://www.cnblogs.com/1998Archer/p/15664974.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。