当内容超出容器，就会产生滚动条，滚动条由轨道和滑块两部分组成。

元素的高度是由什么决定对于我们解决页面显示问题和布局页面都有很大的帮助。 从结果来看确实如此，但是这句话不对，这句话多余了几个字，完全不需要设置height，只需要line-height就可以做到文字垂直居中了。 至此，前言三条结论都在本文中做出了解释和观察。

感激相遇 你好 我是阿ken 布局看起来呆板、不美观，那么，如何对页面重新排版，这就需要为元素设置浮动。本节将对元素的浮动进行详细讲解。在 CSS 中，通过 float 属性来定义浮动，所谓元素的浮动

1.当上下相邻的两个块级元素相遇，上面的元素有下边距margin-bottom，下面的元素有上边距margin-top，则它们之间的垂直距离取两个值中的较大者。 这时候两个盒子之间的垂直距离不是30px，而是20px。 2.对于两个嵌套关系的块元素，如果父元素没有上内边距及边框…

外边距塌陷(margin collapsing)也称为外边距合并，是指两个在正常流中相邻(兄弟或父子关系)的块级元素的外边距，组合在一起变成单个外边距不。

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

这些基本概念有些可能不易理解但却都很重要，如果看完还是很不理解的话需要自己谷歌或百度，网上关于这些概念的文章不少。 “流”又叫文档流，是css的一种基本定位和布局机制。流是html的一种抽象概念，暗喻这种排列布局方式好像水流一样自然自动。“流体布局”是html默认的布局机制，如…

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

什么是BFC？什么作用？Block Formatting Context==块盒子布局发生的区域，浮动元素和其他元素交互的区域==浮动定位和清除浮动的时候只会应用于同一个BFC内的元素。浮动不会影响其