水平居中 垂直居中 定位 1. margin：0 auto； 此方法只能进行水平居中且对浮动元素和绝对定位元素无效； 对子元素进行设置。 2.text-align:center; 只能对图片，按钮，文字等行内元素（display为inline或inline-block等）进行水平居中。IE6、7能对 ...
分类：
Web程序 时间：
2018-03-27 12:24:59
阅读次数：
242
1、BFC 块级格式化上下文 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 2、满足一下条件即可触发BFC body 根元素 浮动元素：float 除 none 以外的值 绝对定位元素：position ...
分类：
其他好文 时间：
2018-03-27 01:58:47
阅读次数：
172
margin折叠规则两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠 创建了块级格式化内容的元素，不和它的子元素发生margin折叠 元素自身的margin-bottom和m... ...
分类：
其他好文 时间：
2018-03-23 14:11:38
阅读次数：
168
1.Float的介绍 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄(塌陷的产生)。 注：假如在一行之 ...
分类：
其他好文 时间：
2018-03-17 00:39:41
阅读次数：
161
1.Float的介绍 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄(塌陷的产生)。 注：假如在一行之 ...
分类：
其他好文 时间：
2018-03-17 00:38:50
阅读次数：
127
浮动引起的问题： 1.父元素高度坍塌。 2.后面非浮动元素跟随其后。破坏了页面布局。 html: 因此我们需要清除浮动，清除浮动的方式有以下几种： 1.给父级后面的元素添加css属性clear:both;这样可以解决问题2，但是父级元素是仍旧没有高度的。而以下几个方法都可以解决这个问题。 2.在父级 ...
分类：
Web程序 时间：
2018-03-10 14:09:35
阅读次数：
191
以下转自《CSS中的浮动和清除浮动，梳理一下！》 浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： 文字环绕效果 但是早期的前端开发者发现：浮动的元素 ...
分类：
Web程序 时间：
2018-03-07 13:33:18
阅读次数：
228
1 给浮动元素的父元素设置高度，只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题。 2 在浮动元素后加一个空div，给div设置css属性：clear: both; 让父级div能自动获取到高度，浏览器支持好，如果页面浮动布局多，就要增加很多空div，让人感觉很不好。 ...
分类：
Web程序 时间：
2018-03-02 12:30:38
阅读次数：
262
1.为第一个浮动元素的父级元素设置高度。我们知道浮动对造成原来布局变化的原因就是，子元素的脱标。导致父元素的高度坍塌。所以那，我们为父元素设置了高度就可以避免脱标带来的影响。上代码： 效果如下： 拓展：在进行练习的时候，犯了一个错误。我用p标签取包裹了div标签。导致生成的网页，有两个p标签的宽度。 ...
分类：
其他好文 时间：
2018-03-01 13:22:17
阅读次数：
217
双倍显示：这个BUG出现在IE6以及下浏览器，当解析浮动元素时，会错误地把浮向边边界加倍显示。 修复问题方式： display：inline; 代码示例： /*[IE6及更低版本浏览器双倍浮向 hack]*/ div { margin：10px; float：left; width：100px; h ...
分类：
Web程序 时间：
2018-02-26 13:21:47
阅读次数：
241
