看看这些前端面试题，带你搞定高频知识点（三）

百变鹏仔 3个月前 (09-20) #CSS

文章标签知识点

每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术之美。

面试官：清除浮动有哪些方式？

我：呃~，浮动元素会脱离文档流(绝对定位元素也会脱离文档流)，导致无法计算准确的高度，这种问题称为：“高度塌陷”。清除浮动常见的有以下三种方式，整出代码如下：

触发BFC：（有缺陷，会造成内容的溢出隐藏）

<style>    *{margin: 0;padding: 0;}    ul {        list-style: none;        border: 10px solid #ccc;        overflow: hidden; /*触发BFC清除浮动*/    }    ul li {        width: 100px;        height: 100px;        background-color: #f00;        float: left;    }</style>

多创建一个盒子，并添加样式：clear:both; ：（不推荐使用，此方法已经过时）【

文章推荐

看看这些前端面试题，带你搞定高频知识点（三）

面试官：清除浮动有哪些方式？

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写