height: auto 子元素有多高，父元素就有多高，自动撑大 height：100% 父元素有多高，该元素就有多高 注意：table无法设置宽度，只能被子元素（tr，td）撑大 iframe 没法被子元素撑大，所以height:auto无效；要么设定固定值，要么写js代码实时计算高度，实现自适应 ...
分类：
其他好文 时间：
2020-08-13 12:24:53
阅读次数：
53
Emmet的所有操作按下“tab”键即可瞬间完成 元素 1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构 嵌套操作 1.使用“>”生成子元素 1 / ...
分类：
Web程序 时间：
2020-08-06 17:10:02
阅读次数：
92
为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 ...
分类：
Web程序 时间：
2020-08-02 19:57:49
阅读次数：
120
1.什么是haslayout？ layout是wiendows IE的一个私有概念，它决定了元素如何对其内容定位和尺寸计算，以及与其他元素的关系和相互作用。当一个元素“拥有布局”时，它会负责本身及其子元素的尺寸和定位。而如果一个元素“没有拥有布局”，那么它的尺寸和位置由最近的拥有布局的祖先元素控制。 ...
分类：
其他好文 时间：
2020-08-02 12:46:20
阅读次数：
93
1、padding-bottom实现等比例缩放 原理：1、父元素设置定位为相对定位（position: relative）2、子元素设置定位为绝对定位（position: absolute）3、父元素padding-bottom值为百分比时以父元素为参考，正方形时同父元素一样的百分比。4、子元素的绝 ...
分类：
其他好文 时间：
2020-07-31 18:01:58
阅读次数：
89
一、什么是两列布局 两列布局分为两种，一种是左侧定宽、右侧自适应，另一种是两列都自适应（即左侧宽度由子元素决定，右侧补齐剩余空间）。在CSS面试题里面属于常考题，也是一个前端开发工程师必须掌握的技能，下面将分别介绍实现方式。 二、左侧定宽、右侧自适应如何实现？ 1.双inline-block 原理： ...
分类：
Web程序 时间：
2020-07-30 18:10:07
阅读次数：
97
function xml(str, is = true){ //解析XML /* 定义返回的对象 */ let result = { //解析成功返回的对象(标签名，属性集合对象[属性名：属性值...]，子元素数组[{}, {}...]) meta: '', xml: {} }; /* 提取首行说明 ...
分类：
Web程序 时间：
2020-07-29 21:52:36
阅读次数：
102
一： 完整代码 function $(element){ //传入响应式区域的dom根节点，返回响应式数据 let $$ = {}; //响应式数据 function getElements(el){ //传入一个元素节点，返回一个保存着该元素本身及所有子元素的数组 var elementList ...
分类：
其他好文 时间：
2020-07-29 21:48:36
阅读次数：
91
后代选择器<style> .nav a { color:red; } </style> <div class="nav"> <a href="#">内部链接</a> <a href="#">内部链接</a> <a href="#">内部链接</a> </div> 子元素选择器 <style> div ...
分类：
Web程序 时间：
2020-07-27 09:47:31
阅读次数：
83
