豆米的博客

1. 前言

在写这篇文章之前，我理解的fixed元素是这样的：(摘自CSS布局基础)

``` 固定定位与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本

前言

在前不久的项目中，实习小妹妹在一个全局的样式中使用了下面这个CSS选择器：

#content{
  & div:first-child{
    height: 100%
  }
}

对应的html结构大致是：

```

前言

百分比的应用随处可见，但是就一直没有机会去好好总结一下，如今项目中遇到的坑都是当年留的泪，在月底之前终于把这个好久想总结的文章给写完了。<img src="http://blogimages2016.oss-cn-hangzhou.aliyuncs.com/douBiPicture/do

前言

在平时项目中绘制箭头算是很常见的一个需求，在如今的icon大行其道的时候，直接用代码写箭头样式的估计已经很少了。不过这种基础知识我们还是要好好掌握的。<img src="http://blogimages2016.oss-cn-hangzhou.aliyuncs.com/douBiPi

前言

写这篇文章缘于在写下面这两段代码的时候没有得到自己想要的结果，于是乎，便仔细深究这个问题的原因：

第一段代码：

button {
  display: block;
}
<button style="width: auto;">要独占一行，结果没有</button>