今天做网站的轮播图部分遇到了好几个问题,找大神请教了请教才知道问题出在哪:
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)一个元素可以添加绝对定位的同时也添加浮动吗?
- 还没有人评论,欢迎说说您的想法!