1.流体布局 2.圣杯布局 3.双飞翼布局 4.flex布局 5.绝对定位布局 6.table布局 ...
分类：
其他好文 时间：
2017-07-22 18:27:54
阅读次数：
201
DIV+CSS clear both清除产生浮动 我们知道有时使用了css float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。 clear 属性规定元素的哪一侧不允许其他浮动元素 1、clear语法：clear : none | left|right| ...
分类：
Web程序 时间：
2017-07-22 16:50:22
阅读次数：
234
// 方法一：已知元素的高宽 //方法二:未知元素的高宽 如何垂直居中一个<img> ...
分类：
其他好文 时间：
2017-07-15 13:58:01
阅读次数：
187
1.定义和用法 float 属性定义元素在哪个方向浮动。取值可能是 left，right ，none，inherit。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素（float会产生BFC）。 如果浮动非替换元 ...
分类：
其他好文 时间：
2017-07-08 21:07:41
阅读次数：
165
1、列举你工作中遇到的IE6 BUG，谈谈解决方案 a.双倍边距bug: 例如：当给父元素内第一个浮动元素设置margin-left或margin-right的时候，margin属性会加倍，此时需要添加属性display:inline.这样能避免双倍边距 b当浮动元素与非浮动元素相邻时，这个3像素的 ...
分类：
Web程序 时间：
2017-07-06 15:14:12
阅读次数：
491
浮动 会使当前标签产生上浮效果，从而导致父标签高度塌陷的问题 1. 给父元素指定高度 <div style="height:200px"> <div style="float:right"></div> </div> 简单粗暴！高度不定时，如果内部高度大于父级时，容易产生问题 2. 在浮动元素后边添 ...
分类：
Web程序 时间：
2017-07-01 22:40:20
阅读次数：
217
float : left | right | none | inherit; 文档流是文档中可显示对象在排列时所占用的位置。 浮动的定义: 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 clear : left | right | both | none | in ...
分类：
其他好文 时间：
2017-06-30 01:03:09
阅读次数：
244
本文介绍了css负边距在普通文档流中的作用和效果、左和右的css负边距对元素宽度的影响、css负边距对浮动元素的影响、css负边距对绝对定位元素的影响。懒人建站偶然浏览到这篇文章，感觉非常好，于是分享到这里，跟大家一起学习。css负边距在普通文档流中的作用和效果 那些没有脱离文档流的元素（指不是浮动 ...
分类：
其他好文 时间：
2017-06-28 20:18:23
阅读次数：
148
功能: 实现图文混排效果 原理: 绝对定位的元素脱离了文档流，而浮动元素依旧在文档流中； 清除浮动：(高度塌陷) 1. 额外标签法，<div style="clear:both;"></div>（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） 2. 使用after伪元素(该方法中 ...
分类：
Web程序 时间：
2017-06-27 23:27:51
阅读次数：
302
如何垂直居中一个浮动元素 // 方法一：已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height ...
分类：
其他好文 时间：
2017-06-24 23:40:07
阅读次数：
172
