我们在进行页面布局的时候可以发现元素在脱离文档流后,就会出现高度塌陷问题。 众所周知高度塌陷的原因是因为子元素脱离文档流所造成的父元素塌陷(所谓的高度塌陷就是子元素和父元素不在一个层级,未设置高宽的父元素里面没有子元素的支撑就会塌陷)会影响页面布局和美观性。 以下提出几点解决方案 首先我们先引出一个 ...
分类:
其他好文 时间:
2019-09-12 21:29:31
阅读次数:
92
好程序员web前端学习路线分享前端基础面试题,希望对大家有所帮助。 1、HTML语义化的理解? 答案:HTML语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CSS的情况下也以一种文档格式显示,并且是容易阅读的;搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO; ...
分类:
Web程序 时间:
2019-09-09 17:53:30
阅读次数:
121
CSS中position和float的使用 一、position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位; 2.relative:生成相对定位的元素,相对于其所在普通的文档流位置进行定位; 3.static:... ...
分类:
Web程序 时间:
2019-09-01 10:59:44
阅读次数:
116
对基础知识再度做个巩固和梳理。 一、position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位; 2.relative:生成相对定位的元素,相对于其所在普通的文档流位置进行定位; 3.static:默认值,没有 ...
分类:
Web程序 时间:
2019-09-01 10:49:24
阅读次数:
88
近期会更新一系列博客,对基础知识再度做个巩固和梳理。 一、position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位; 2.relative:生成相对定位的元素,相对于其所在普通的文档流位置进行定位; 3.st ...
分类:
Web程序 时间:
2019-09-01 10:38:42
阅读次数:
74
CSS 高度坍塌和外边距溢出 高度坍塌 1. 成因 父元素 div 未设置高度 子元素全部设置浮动( float: left | right; ),浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度,高度靠内部子元素撑开,而今子元素全部脱离文档流,所以此时父元素的高度为 0 ,给父元素和子 ...
分类:
Web程序 时间:
2019-08-31 19:31:43
阅读次数:
390
标准文档流概念 对于文本网页的制作,是一个“流”式结构,从上到下执行。 标准文档流的特点 1、空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如果在一行内写img标签,就解决了这个问题,但是我们不会这样去写我们的html结构。这种现象称为空白折 ...
分类:
其他好文 时间:
2019-08-31 15:27:20
阅读次数:
100
bfc(block formatting context) 块级格式化上下文 生成bfc的方式: 1、根元素; 2、float属性不为none(脱离文档流); 3、position为absolute或者fixed的时候; 4、display为inline-block、table-cell、table ...
分类:
Web程序 时间:
2019-08-31 10:39:36
阅读次数:
112
伪类: 伪元素使用: 属性选择器: 子元素选择器: 兄弟标签: 否定伪类选择器: css 优先级: 字体文本设置: 盒子模型: 内联元素和块元素的相互转换: 文档流: 浮动: 高度塌陷问题: ...
分类:
Web程序 时间:
2019-08-31 01:01:01
阅读次数:
99
原文引用https://www.dazhuanlan.com/2019/08/25/5d622b7041013/粘贴import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;impo... ...
分类:
编程语言 时间:
2019-08-25 16:08:56
阅读次数:
79