在文档流中,父元素高度默认是被子元素撑开的,也就是子元素多高,父元素就多高 但是当为子元素设置浮动后,子元素会完全脱离文档流,此时将导致子元素无法撑起父元素的高度,导致父元素的高度塌陷 解决办法: 1、我们可以将父元素的高度写死,但是会产生...
2020-09-06wordpress主题开发中经常用到的滚动条样式自定义,分享给大家: /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scro...
2020-09-03wordpress网址导航主题wpsite-p用到了这个办法,可以使li标签前添加逐渐增加的数字,1、2、3、4、5这样子分线给大家: .head_new ul{counter-reset:sectioncounter;} .head_new ul li:before { display: inline-block; content: counter(sect...
2020-09-03折腾WordPress的小朋友,有的会喜欢修改页面布局,那么这个小技巧就很有必要知道了,在大前端那里看到的,分享给大家: function $(id){ return document.getElementById(id) } function getHeight() { if ($("left").offsetHeight&g...
2017-11-26css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的,因为图片多的话,会增加http的请求,无疑促使...
2016-03-27我晕,怎么调取不出来?(本文图片已丢失,待补) 陌小雨看到一篇讲浮动讲的比较透彻的文章分享给大家: 教程开始前我们首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行...
2016-03-25wpsite主题制作过程中,发现不同浏览器打开效果是不一样的,以IE为例: 难看死了01 还错位: 用了下面css之后,不管你是IE,还是火狐还是360浏览器,都变的美美的啦! /*———-通用———-*/ a,dd,div,dl,dt,form,h1,h2,h3,h4,h5,img,li,ol,p,...
2016-02-04国人比较喜欢称Xhtml+css为div+css,所以本系列经典图文教程就用大家熟悉的叫法吧,就叫div+css,这个经典图文教程是陌小雨博客友链子涵互动视觉网站的原创教程,陌小雨觉得写得很好,所以就转过来给大家学习下,相比之前分享的xhtml+css基础系列教程更加...
2015-11-24定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素”相对于”它的原始起点进行移动。(再一点,相对...
2015-04-21