![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
久伴丶帅
这个作者很懒,什么都没留下…
展开
-
解决高度塌陷:万能清除法
逆战班高度塌陷:当父元素不设置高度时,其他高度会随着里面的子元素的高度的变化而变化,即父元素的高度由子元素的高度撑开,达到高度自适应的目的。而当父元素的**第一级子元素都设置了浮动**时,父元素不在计算其高度,因此就发生了高度塌陷。下面我们就写一个例子来试一下:html的代码:<!DOCTYPE html><html> <head> <me...原创 2020-03-02 09:21:52 · 1585 阅读 · 0 评论 -
逆战班:CSS清除浮动的方法:clear
当父元素没有设置宽度和高度时,其高度会随着里面的子元素的内容自适应,宽度为浏览器的宽度。而当其所有子元素设置浮动属性时,子元素会全部在同一行显示,直到浏览器的边缘才会换行。这时如果其中一个子元素开始,之后的子元素全部换行时,有两种方法:为了方便理解,我们通过实现计算器数字界面来演示1、给父元素设置宽度给父元素加了宽度之后,当子元素遇到父元素的宽度边缘时,自动换行。不过这个方法会比较麻烦,我们...原创 2020-02-22 17:49:25 · 140 阅读 · 0 评论