因为box1加了float，导致box2的内容跑上去了。所以需要清除浮动解决方案1：给box1加 overflow:hidden，形成bfc解决方案2：使用:after 即隔墙法 {content:’’; clear:both, display:block} 解决后的效果：对应的代码<body> < ...
分类：
其他好文 时间：
2021-07-05 17:21:45
阅读次数：
0
理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）position 和 displa ...
分类：
Web程序 时间：
2021-06-16 18:14:23
阅读次数：
0
1.额外标签法（隔墙法）；2.父元素添加overflow属性；3.父元素添加after伪元素；4.父元素添加双伪元素。 ...
分类：
Web程序 时间：
2021-06-08 23:05:44
阅读次数：
0
正常文档流和脱离文档流概念： 正常文档流：将页面从上到下分为一行一行，其中块元素当都占据一行，相邻的行内元素则按照从左到右排列，直到排满布局。 脱离文档流：改变原先HTML文档结构，有两种办法1.浮动，2.定位 浮动可以使得元素移到左边或右边，并且后面的文字或元素环绕它。 常用于实现：水平方向上的并 ...
分类：
其他好文 时间：
2021-06-02 13:44:27
阅读次数：
0
浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式： 普通流（标准流） 浮动 定位 实际开发中，一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式）。 2. 标准流（普通流/文档流） 标签按照规定好默认方式排序即 ...
分类：
Web程序 时间：
2021-05-24 12:47:42
阅读次数：
0
标准文档流： 标准文档流指元素排版布局过程中，元素默认从左到右，从上到下的布局方式，自动换行。 块级元素 和 行内元素 在标准文档流中的表现： 块级元素： 1.块级元素是独占一行的，不与其他元素并列 2.可设置宽高，若不设置宽高则宽度与父元素相同 行内元素： 1.与其他元素并排 2.设置宽高无效，宽 ...
分类：
其他好文 时间：
2021-05-24 01:49:09
阅读次数：
0
###什么时候用清除浮动： 父级没高度，子盒子浮动，影响到了下面布局，我们就应该清除浮动了。 ###清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。 ##清除浮动的方法： ###①额外标签法( ...
分类：
其他好文 时间：
2021-02-22 12:33:24
阅读次数：
0
1.父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题 2，结尾处加空div标签 clear:both 原理：添加一个空 ...
分类：
其他好文 时间：
2021-01-27 13:06:28
阅读次数：
0
父级盒子很多情况下，不方便给高度（比如盒子里有一堆文字，你不知道具体给多少高度）， 这种不方便给高度的情况下，如果父级盒子高度为0，子盒子浮动后就不占有位置，就会影响下面的标准流盒子。 总结： 由于浮动元素不再占用原普通流的位置，所以它会对后面的元素排版产生影响 准确的说，并不是清除浮动，而是清除浮 ...
分类：
其他好文 时间：
2020-12-29 11:23:40
阅读次数：
0
BFC问题： 概念：页面渲染规则 出发条件： overflow:hidden 规则： 浮动参与高度计算 清除浮动 BFC不会和浮动发生重叠 自适应两栏布局 子元素不会影响外部元素 margin-top传递问题（父元素上加：overflow:hidden 、padding-top 、 border-t ...
分类：
其他好文 时间：
2020-11-24 12:45:01
阅读次数：
7
