为什么要清除浮动 浮动 Floats 是 CSS 中的一种布局方式，它的渲染位置在行框与包含块之间，这样就可以是行框内文字与浮动元素不重叠并且环绕它显示，在布局过程中也经常会使用它来达到左右并排布局的效果，但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样会导致脱离普通流 ...
分类：
Web程序 时间：
2018-02-21 17:44:25
阅读次数：
188
虽然IE6慢慢的退出市场了，但是还是有必要了解一些兼容问题，让自己的知识有一个更好的沉淀。margin-bottom的bug是容器div的 'zoom:1' 触发了 hasLayout，其内部浮动子元素也参与到了容器的高度计算之中 在 IE6 IE7 IE8(Q)中，容器div的 'zoom:1' ...
分类：
其他好文 时间：
2018-02-13 12:21:49
阅读次数：
186
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 CSS3优秀，值得学习。学习资源： www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。如果您有公开的资源，可 ...
分类：
Web程序 时间：
2018-02-11 00:09:20
阅读次数：
190
BFC BFC(Block Formatting Context) 块级格式化上下文 w3c规范定义：浮动元素和绝对定位元素，非块级盒子的块级容器（inline-blocks，table-cells，table-captions），以及overflow的值不为visiable的块级盒子，都会为它们的 ...
分类：
Web程序 时间：
2018-02-01 18:27:15
阅读次数：
212
CSS中的定位与浮动 本文主要讲述CSS中的三种定位样式static、relative和absolute的区别以及浮动元素的特征。 定位样式 CSS中定位样式position的取值有三个，默认值：static，相对定位：relative，绝对定位：absolute。 1. static： 采用默认定 ...
分类：
Web程序 时间：
2018-01-25 00:31:27
阅读次数：
212
样式覆盖 id选择器大于class选择器。 对于原主题中想要覆盖的id选择器，使用 覆盖。 对于原主题中想要取消的css属性，使用 . 浮动元素 将 设置为 , 为了让组件可以浮动在其他组件之上，设置 . fuck me on github 透明的输入框 设置 为`transparent`可以将输入 ...
分类：
Web程序 时间：
2018-01-23 01:06:17
阅读次数：
266
当我们进行浮动布局时，会发现存在着非浮动元素与浮动元素的底部难以对齐的情况，这就是浮动布局的缺陷。因此，过去的前端工作者曾利用<table>以实现“表格布局”。因为表格中同一行的单元格行高总是一致的，所以“表格布局”可以避免“浮动布局”时出现的“底部对不齐”情况，下面是经典的利用<table>实现“ ...
分类：
Web程序 时间：
2018-01-20 00:18:11
阅读次数：
279
当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。 比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方法，比如使用相对定位和绝对定位。 在这篇文章中，我们首先要讨论元 ...
分类：
其他好文 时间：
2018-01-18 14:09:48
阅读次数：
184
关于浮动，原本是用于方便文字围绕图片。但后来发现它在布局发挥的作用更大 浮动元素对布局的影响 把一个元素设置成浮动元素，无论它是什么元素，浮动元素会变成块级元素，它会从文档的正常流删除，还会影响布局。 首先来看浮动元素后面跟随着行内元素 一个浮动元素，一个行内元素 我们把行内元素的左外边距设置成 - ...
分类：
其他好文 时间：
2018-01-14 22:39:13
阅读次数：
223
在平时写网页样式的时候，元素居中应该是最常见不过的了，在这里我们把常见居中的情况简单总结一下。本文讨论以下几种情况：内联元素、块级元素、浮动元素、绝对定位元素。居中的情况分两种情况：水平居中和垂直居中。刚接触到居中，我想到的是两个方向，一是使元素内部的所有元素相对于此元素居中，另一个是元素在其他元素 ...
分类：
其他好文 时间：
2018-01-12 01:33:24
阅读次数：
1606
