做轮播图部分遇到的问题

2018-06-24 01:04:57来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

今天做网站的轮播图部分遇到了好几个问题,找大神请教了请教才知道问题出在哪:

1、给整个轮播图设置背景图片,背景图被压在版心下面,但是重新敲一遍,保存一遍就可以了,不知道为什么??

2、没有给a转换,也没有添加浮动,就给 a 设置 margin-left ,不生效,因为a是行内元素,没有 margin ,设置浮动以后就有 margin 了。

3、如果 ul 有固定的宽度,要设置三行四列的 li ,每个 li 都有上边框和右边框,每行的第四个肯定会被挤下来,这种情况就让 ul 的宽度富裕一点,让 li 能完全显示,然后给 ul 的父元素 overflow: hidden;,意思是把 ul 多余的hidden掉,ul 多余的部分,就是它里面的 li 的border了,因为最后一个没有右边框,所以让它的右边框出去,然后隐藏起来。

  刚开始设置 overflow: hidden; 不生效的原因是给 ul 添加的 overflow: hidden; ,应该给 ul 的父级元素添加。

4、.con_lunbo .w .life_list .life_bottom ul li:nth-child(2) a i {  /*不生效---li包含a,应该是第二个li里的a,而不是第二个a */
     width: 20px; 
     height: 20px;
     background-position: -2px -45px;
     margin-top: 17px;
     margin-left: 13px;  

  }

  ------添加:nth-child()选择器的时候找错了元素

5、.con_lunbo .w .life_list .life_bottom ul li a p {  /*不生效*/
     font-size: 11px "微软雅黑";  /*刚开始设置的是span,span是行内元素,text-align: center;不起作用*/
     color: #666;
     text-align: center;
  }

6、现在还是有两个问题不太懂:

  1)什么时候清除浮动?

  2)一个元素可以添加绝对定位的同时也添加浮动吗?

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【HTML】前端性能优化之CDN和WPO的比较

下一篇:我写的京东页面代码