布局神器 display:table-cell 第一个案例： 在之前下面的布局方式我会用float来实现，但它触发的问题比较多。比如清除浮动，元素浮动后会脱离文档流，但有时候没办法的不去使用float布局。再来说说inline-block，它结合了inline和block两者的特性于一身，简单的说： ...
分类：
其他好文 时间：
2016-11-30 03:14:50
阅读次数：
172
清除浮动方法解析 清除浮动带来的额外影响 如果对于浮动不熟悉的同学，可以看看介绍float的文章。传送门：CSS float 我们知道，在一个父元素内如果遇到某个浮动元素，此时父元素的高度会发生塌陷。针对父元素高度塌陷的问题，现在已经有了很多的解决方案。针对每一个方案，我们来进行深度的剖析。 添加空 ...
分类：
其他好文 时间：
2016-11-22 23:13:11
阅读次数：
182
常见的浏览器下margin出现的bug IE6中双边距Bug：发生场合：当给父元素内第一个浮动元素设置margin-left（元素float:left）或margin-right（元素float:right）时margin加倍。解决方法：是给浮动元素加上display:inline;CSS属性；或者 ...
分类：
其他好文 时间：
2016-11-22 12:28:05
阅读次数：
193
一. 父盒子有宽高: 垂直居中前代码实现 : 垂直居中前效果图 : 垂直居中代码实现 : 垂直居中效果图 : 由于父盒子是没有宽高的, 所以子盒子就相对于页面中间垂直居中了 ...
分类：
其他好文 时间：
2016-11-22 07:38:29
阅读次数：
225
清除浮动带来的额外影响 如果对于浮动不熟悉的同学，可以看看介绍float的文章。传送门：CSS float 我们知道，在一个父元素内如果遇到某个浮动元素，此时父元素的高度会发生塌陷。针对父元素高度塌陷的问题，现在已经有了很多的解决方案。针对每一个方案，我们来进行深度的剖析。 添加空块级元素 这种方法 ...
分类：
其他好文 时间：
2016-11-21 22:42:33
阅读次数：
120
在非ie浏览器下，当容器的高度为auto，且容器中有浮动的元素，容器的高度不能自适应容器中内容的高度，使容器中的内容溢出而影响布局，为了防止浮动溢出，就要进行清除浮动。 例： 清除浮动的方法 1、给浮动元素的容器添加 overflow:hidden；或 overflow:auto；此外在ie6中，需 ...
分类：
其他好文 时间：
2016-11-19 01:34:50
阅读次数：
248
一.什么是浮动？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 二.浮动元素的特点 三.浮动元素的目的 四.clear元素 clear作用是清楚浮动，本质是"避让" 注：后出现的元素避让先出现的元素。 ...
分类：
其他好文 时间：
2016-11-17 00:55:47
阅读次数：
158
公司周六停电，终于可以双休了。用周五空余时间再夯实一下css基础，《CSS权威指南》概念性的内容看起来容易犯困，不如实践来得快，动手操作吧。 一、浮动布局 浮动存在问题：浮动使元素脱离文档流，导致下面的元素向上提。 布局存在问题：由于浮动元素宽度已设定，根据盒模型，对于有宽度的盒子添加padding ...
分类：
Web程序 时间：
2016-11-14 17:19:31
阅读次数：
321
题目点评 这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。 （一）元素水平居中的方式 1）行级元 ...
分类：
Web程序 时间：
2016-11-14 15:34:29
阅读次数：
267
