原文链接](http://www.cnblogs.com/yaliu/p/5190957.html) 浮层水平垂直居中方法 （一）利用绝对定位与transform 将父元素定位(relative)，子元素如下 （二）利用flexbox ...
分类：
Web程序 时间：
2018-06-04 19:14:16
阅读次数：
255
float 浮动float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动中移除，尽管仍然保持部分的流动性（与绝对定位相反）。 一个浮动元素是float的值不为none的元素。 /* Keyword values */float: left;flo ...
分类：
Web程序 时间：
2018-06-02 13:30:25
阅读次数：
239
在很多网站页面中如果我们把页面下拉很多的时候，右边一般都有一个按钮点击可以直接回到顶部，并且无论滚动条下拉多少这个小方块都保持在右边画面中心 简单分析下我们知道，这个小方块是绝对定位，当我们拉动滚动条的时候获取滚动的距离，然后让方块的top值等于滚动的距离。触发方块的点击事件时让top值为0 一 h ...
分类：
其他好文 时间：
2018-06-01 20:38:44
阅读次数：
115
a标签是行内元素，文档流中的行内元素无法设置宽高，要设置a标签的宽高可以通过设置生成框类型display:block变成块级元素 或者通过设置绝对定位或者浮动，会自动变成块框（即变成块元素） 但是，当行末的一个单词或者一串数字太长，这时候是不会自动换行的，需要重新设置CSS： "word-break ...
分类：
其他好文 时间：
2018-05-27 16:23:44
阅读次数：
195
平时开发中，经常遇到这样的情况，改变了页面的一个div的布局，而导致页面整体变形。因此，如何合理使用CSS的相对定位和绝对定位非常重要
分类：
Web程序 时间：
2018-05-26 18:53:24
阅读次数：
226
1.小米最上部导航栏设置 2.导航栏定位问题（position） 有3种方式： 相对定位 固定定位 绝对定位 2.1相对定位（relative） 相对自己原来的位置进行定位，自己原来的位置作为参考点 使用relative下的top,left进行定位 使用相对定位可以来进行后续表单位置设计 2.2绝对 ...
分类：
移动开发 时间：
2018-05-25 23:31:49
阅读次数：
282
css-定位 定位 相对定位：relative 绝对定位：absolute 固定定位：fixed 相对定位：relative 绝对定位：absolute 固定定位：fixed 相对定位 定义：相对于自己原来的位置。 使用效果 元素设置了相对定位后，还是标准文档流。 设置了相对定位后，可以使用四个方向 ...
分类：
Web程序 时间：
2018-05-25 19:16:51
阅读次数：
247
1.css优先级以及继承 css具有两大特性：继承性和层叠性 继承性 继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。 但是像一些盒子元素属性，定位的元 ...
分类：
Web程序 时间：
2018-05-24 21:17:03
阅读次数：
270
margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： css样式： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。 ...
分类：
其他好文 时间：
2018-05-24 21:15:02
阅读次数：
218
1. 介绍 1.1 说明 Position 属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。 1.2 主要的值 ①absolute ：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档 ...
分类：
Web程序 时间：
2018-05-24 10:32:14
阅读次数：
784
