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

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)一个元素可以添加绝对定位的同时也添加浮动吗?

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!