题目点评 这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。 （一）元素水平居中的方式 1）行级元 ...
分类：
Web程序 时间：
2016-11-14 15:34:29
阅读次数：
267
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="rubine"> <meta ...
分类：
其他好文 时间：
2016-11-14 14:43:16
阅读次数：
139
首先是css样式，比如这样的： 注意:1.需要给.notice-tit这个盒子设置相对定位，ul设置绝对定位并且left:-1px(如果不设置-1，ul这个盒子不会和.notice-tit这个盒子完全重叠，因为.notice-tit有个1px 的边框); 2.要给ul下面的li标签设置左右paddi ...
分类：
Web程序 时间：
2016-11-14 01:13:30
阅读次数：
195
整理一下个人认为比较好的CSS垂直居中的布局方法。 1. 绝对定位+负值margin。 2. 高度为100%的inline-block的Before伪类为基准使之后的inline-block元素都可以以这个伪类vertical-align: middle对齐。 暂时记录这两个方法，当然还有位移的方法 ...
分类：
Web程序 时间：
2016-11-14 00:35:23
阅读次数：
224
1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed) 绝对定位 设置position:absolute(表示绝对定位)，作用将元素从文档流中拖出来，然后使用left、right、top、bottom ...
分类：
Web程序 时间：
2016-11-10 19:42:54
阅读次数：
279
两列自适应布局 随便拿一个搜索引擎搜索一下“两列自适应布局”，都能得到很多种实现方法，这篇文章的重点是这些方法的底层逻辑是什么，他们是怎么得来的。 分析： 需要满足三个要求： ①两个盒子在同一行 ②右边的盒子需要占满剩下的空间 ③两个盒子不能重叠 这三个条件又分别有很多种实现方法（不考虑绝对定位）： ...
分类：
其他好文 时间：
2016-11-10 02:18:54
阅读次数：
189
div+css定位position详解 1.div+css中的定位position 最主要的两个属性：属性 absolute(绝对定位) relative(相对定位)，有他们才造就了div+css布局的多样性，让我们的网页丰富多彩起来。 首先解释relative(相对定位)，顾名思义，定位是相对的， ...
分类：
Web程序 时间：
2016-11-09 22:40:59
阅读次数：
206
1.div+css中的定位position 最主要的两个属性：属性 absolute(绝对定位) relative(相对定位)，有他们才造就了div+css布局的多样性，让我们的网页丰富多彩起来。 首先解释relative(相对定位)，顾名思义，定位是相对的，那他是相对于什么呢？参照物是什么？ 看如 ...
分类：
Web程序 时间：
2016-11-09 15:13:33
阅读次数：
206
使用CSS的外链方式，写了一个五环 CSS的布局 附加radius的使用 思路： 一个大盒子里放两个子盒子； 两个子盒子上下排列，分别放3个和2个盒子用来制作圆环； 大盒子给相对定位，连个子盒子设为绝对定位； 用到CSS中的 border-radius 方法制作圆环，前提是用来制作圆环的五个盒子要添 ...
分类：
Web程序 时间：
2016-11-09 02:33:03
阅读次数：
284
