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