摘要：
绝对定位采用绝对定位的元素，会寻找离他最近的采用了定位的父元素，并以他为坐标进行定位，如果所有的父元素都没有使用定位，则以body为坐标进行定位，并且元素占用的空间会被其他元素占用以下是代码实现： 绝对定位 ... 阅读全文
摘要：
相对定位采用相对定位的元素，会相对于他原来的位置进行定位， 并且元素原始占用位置不会被其他元素占用以下是代码实现： 相对定位 阅读全文
摘要：
块级元素的上下边距垂直摆放的盒子，垂直间距是合并的（取最大值）例如，存在两个div，以下是两个div的css样式#div1{ height: 100px; background-color: red; margin-bottom: 20px;}#div2{ height: 1... 阅读全文
摘要：
布局margin borderpadding都会影响页面布局，content不变，实际宽度为:在content的基础上加上magin，border或padding 变态盒模型 border-box 添加padding或者border不会影响页面布局，只会挤压页面内容content 盒子阴影1：x... 阅读全文
摘要：
1.文本居中显示：通过设置文本的行高于外部容器高度一致；可以实现文本垂直居中例：width: 200px;height: 100px;border: 1px solid red;text-align: center;line-height: 100px; 2.背景图片：/*背景颜色*/backgr... 阅读全文