zoukankan      html  css  js  c++  java
  • 做轮播图部分遇到的问题

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

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

  • 相关阅读:
    回车执行函数
    ajax短信验证码-mvc
    css3背景及字体渐变
    MVC3-表单
    Layout布局
    【leetcode】两数之和
    C语言如何开发简单的插件
    Google Supersonic列存储查询库的介绍、安装、测试
    vm网络设置
    centos升级支持到C++11, gcc4.8.2
  • 原文地址:https://www.cnblogs.com/sxd0425/p/6540540.html
Copyright © 2011-2022 走看看