我会告诉你我不高嘛

最近开始上手一些前端的项目，最难受的就是CSS的各种定位，把其中遇到的一些问题记录下来，方便自己查阅，也希望能帮到像我一样的CSS初学者。 运行一下会发现，实际上，hehe这个div贴着haah的div，而不是我们想要的贴到底部。仔细查阅了w3c的文档，其实是由于对于top,l…

在介绍postion之前，有必要先了解下文档流。 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline），不独占一行。 一般使用margin是用来隔开元素与元素的间距；padd…

误入前端三年，一个文科生的独白（上）

前些日子从 @张鑫旭微博处得一份推荐 (Front-end-tutorial)，号称 最全的资源教程 －前端涉及的所有知识体系；有粗略查看，果然 “叹为观止”，至少比想象中涉猎丰富许多；果断有 Fork 了来：Front-end-tutorial; 本就有收藏 & 分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块垒。毕竟人为收集，并未臻于不可附加之境，还是有许多可以补充的点；因此，有特引于博客，将酌情适当增删些内容，一来做自己查纠探索之源，二来分享给更多朋友；好文章好工具，很多时候都被隐藏于犄角旮旯了，有居干货，欢请分享。

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…