本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图： 1、使用table-cell实现(兼容IE8) {代码…} 2、使用flex布局实现 {代码…} 3、利用margin实现等高布局(实际开…

本文讲的等宽布局是在不手动设置元素宽度的情况下，使用纯css实现各个元素宽度都相当的效果。 1、使用table-cell实现(兼容ie8) {代码…} 2、使用flex布局来实现 {代码…}

这是我的第一篇掘金文章，希望大家不要嫌弃。我还是一名在校大学生，就是想把自己所学到的知识写出来，加深自己的印象，记录自己成长的过程，这篇文章主要是介绍HTML 、 CSS 的一些小知识点。

这一次我想讲解一下HTML+CSS的两栏、三栏布局以及垂直居中的实现方式。因为个人所学有限所以可能不会罗列出所有的实现方法，不过我会继续努力查漏补缺。

目前做电商平台，其中用到选择地址的控件，不过不是自己写的，最近花时间重新自己做一个，目前就先吧功能样式，功能完成第一版，之后再进行优化和升级，最终做成组件或者是插件形式，调用只需要几行代码去完成，…

按照之前的约定，把之前地址选择控件进行了封装，做成了一个直接可以调用的版本，不用太多繁琐的东西，直接使用。

看到一个面试题 关于行内元素span的 {代码…} 我当时就笑了还有这种题？ 送分的？ 我想的结果： 实际结果： 我擦！ 啪啪啪打脸！ 为什么padding-top被无视了？提出这个疑问后我又被打脸了！ {代码…} 其实span…

在标准文档流中（即没有浮动，如果设置了浮动那就不会出现这中情况了），body中有两个div元素，这两个div元素的宽、高都是200px，第一个div设置了margin-bottom:t0px;第二个div设置了margin-top:20px，那么实际上…

前言：边界属性margin是盒子与盒子之间的间距，一定要记住这个前提。 BFC 满足下列条件之一就可触发BFC(IE的触发需要再额外增加zoom: 1) 根元素，即HTML元素 overflow的值不为visible 设置border float的值不为no…

1.position:static;默认定位方式2.position:relateve;相对定位,相对于该元素静态定位的位置(即元素所在正常文档流的位置)eg: