如何垂直居中一个浮动元素 // 方法一：已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height ...
分类：
其他好文 时间：
2017-06-24 18:32:41
阅读次数：
164
如何垂直居中一个浮动元素 // 方法一：已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height ...
分类：
其他好文 时间：
2017-06-23 20:50:36
阅读次数：
113
块元素从上往下流，各元素之间有一个换行。默认的，每个块元素会占浏览器窗口的整个宽度。 内联元素在块元素内部从左上方流向右下方。 正常的页面流中两个块元素上下相邻的外边距会折叠为最大外边距的大小，或者如果如果两个外边距大小相同，则会折叠成一个外边距。 浮动元素，会从正常流中取出，浮动到左边或则右边。 ...
分类：
其他好文 时间：
2017-06-23 17:23:20
阅读次数：
161
两种方法 前提 父元素 overflow:hidden;子元素float:left;宽度都是不固定的 1.父元素 text-align:center;font-size:0;子元素 display:inline-block;font-size:14px; font-size设置为了解决inline- ...
分类：
其他好文 时间：
2017-06-23 13:08:40
阅读次数：
150
作用于浮动元素的父元素 .clearfix:after{ content:"."; display: block; height:0; visibility: hidden; clear:both; overflow:hidden; } .clearfix{ *zoom:1; /*兼容低版本IE*/ ...
分类：
其他好文 时间：
2017-06-22 16:50:22
阅读次数：
112
当HTML结构如下所示： [html] view plain copy <div id="container"> <div class="left">left</div> </div> [html] view plain copy [html] view plain copy 同时，CSS这样写： ...
分类：
其他好文 时间：
2017-06-22 13:30:00
阅读次数：
178
优点：①决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，IE-7不支持BFC ②与普通容器相比，BFC元素可以看做是隔离了独立容器，内部的元素不会在布局上影响外面元素。 满足任意下面条件元素可以形成BFC： ①浮动元素：float除none外的值； ②绝对定位元素：position： ...
分类：
其他好文 时间：
2017-06-18 18:53:43
阅读次数：
102
这里有个例子 效果如下： 红色的块向左浮动之后，就把黑色块的一部分给覆盖掉了，黑色的块不高兴了，我不想被覆盖掉啊，怎么办？ 给黑色块添加clear:left，这意思是说黑色块不允许它的左侧有浮动元素出现，如果遇到了浮动元素机会自动躲开了，自动躲开，就文中的这个例子而言，它躲开的方法应该有两种，一种是 ...
分类：
其他好文 时间：
2017-06-17 20:46:21
阅读次数：
206
浮动定位对文档流元素排版的影响 1.浮动元素会覆盖在文档流元素之上 <div class="A"></div> <div class="B"></div> .A{ width:200px; height:200px; float:left; } .B{ width:200px; height:200 ...
分类：
其他好文 时间：
2017-06-16 16:42:53
阅读次数：
119
当a标签内有元素时，即使a标签的高度为0或auto，点击a标签的子元素时也是可以触发链接的跳转 浮动元素本身可以清除任何因其子元素浮动所产生的高度塌陷 overflow: hidden；也能解决因子元素浮动造成父元素高度塌陷的问题(把overflow: hidden；写在父元素上)，但是可能会造成溢 ...
分类：
其他好文 时间：
2017-06-15 21:44:25
阅读次数：
128
