css 浮动及清理浮动

默认情况下,元素处于普通流。给元素设置 float 属性后,可以使元素向左或向右浮动,直到它的外边缘碰到包含块或者另一个浮动框。当然了,如果元素 float 属性设为 none,那就表示不浮动,它还是出现在它原本应该出现的位置。

More

理解 css 块级格式化上下文(BFC)

BFC(Block Formatting Contexts)即“块级格式化上下文”。BFC 是一个独立的布局环境,里面元素的位置是不受外界元素的影响的,其中的块盒和行盒(行盒由一行中所有的内联元素组成)都会沿着父容器边框垂直排列。例如,只要元素的 overflow 值不是 visible,就会触发 BFC。这也是我们将父元素设置 overflow: hidden 来清除浮动的原理。

More

css 多列布局

二列布局是指侧栏宽度固定,主栏宽度自适应;三列布局是指两侧栏宽度固定,中间主栏宽度自适应。二列布局和三列布局主要思想是类似的,将三列布局的其中一个侧栏去掉即变成二列布局。下面,我们就只讨论三列布局的几种实现方法。

More

css 三角形 扇形

向下拖动当前页面,我们会看到页面右下角有个“返回顶部”按钮,其中有一个三角形。除了用图片,我们还可以用 css 来实现这种三角形效果,下面我们分析一下怎么利用 css 制作三角形。

More

css 居中

利用 css 来实现居中有多种方法,每种方法都有其优缺点,不能简单地断定某种方法是最好的,应该根据实际应用场景来选择合适的方案。下面分别探讨一下水平和垂直居中的实现方法。

More