css中的float： float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承浮动(继承父元素浮动属性，如果父元素无浮动属性，inherit失效) 浮动产生哪些问题：1.父元素塌陷，没有高度。2.网页中的临近元素出现异位 清除浮动 ...
分类：
Web程序 时间：
2017-10-23 18:41:54
阅读次数：
213
CSS 清除浮动 clear 属性用于设定元素哪一侧不允许有其他浮动元素（而并非取消元素的浮动）。 例子： 设想这么一种情况，一个div包含的内容都设置了浮动，那么内容就脱离文档流，将导致div实际没包含任何“内容”，如下左图所示： 如何像右图那样在视觉上div包含内容呢？尤其在div要做边框显示的 ...
分类：
Web程序 时间：
2017-10-08 15:31:48
阅读次数：
282
1.overflow:hidden 较简单，兼容于市面浏览器、负面效果不详、暂不推荐使用。2.定义clear类，并把clear类赋给浮动元素的父级元素。 .clear{display:block;overflow:hidden;} 3.定义clear类，使用伪元素:after，把clear类赋给浮动 ...
分类：
Web程序 时间：
2017-09-30 19:33:46
阅读次数：
216
转载地址：https://my.oschina.net/leipeng/blog/221125 css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？ 一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： <div class="outer"> <di ...
分类：
Web程序 时间：
2017-09-27 10:02:04
阅读次数：
264
Display：block和display：table区别是：block元素的宽度和父容器相同，table宽度根据内容而定即具有包裹性。在清楚浮动中使用after伪类时，设置content：‘’；display：table；内容为空，使用display:table，则该伪元素的宽度为0；省去了dis ...
分类：
Web程序 时间：
2017-09-25 22:11:22
阅读次数：
151
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很 ...
分类：
Web程序 时间：
2017-09-25 14:33:01
阅读次数：
300
当一个父元素包含多个浮动的子元素的时候，子元素的浮动确定了他们的位置，但是子元素不会影响父元素的宽度，使父元素塌陷，从而使父元素高度为0，这个时候可以为父元素清除浮动，从而阻止父元素塌陷。 1.overflow方法 对父元素设置overflow：hidden； 但是overflow清除浮动会有一些缺 ...
分类：
Web程序 时间：
2017-09-23 13:36:08
阅读次数：
335
清除浮动的方法: 方法一：给浮动元素的父亲元素添加属性：overflow： auto； <style type="text/css"> *{padding:0;margin:0;} .clearfix{ border: 3px solid green; width: 200px; overflow: ...
分类：
Web程序 时间：
2017-09-04 16:30:19
阅读次数：
147
方法二：父级div定义 overflow: auto或者hidden（注意：是父级div也就是这里的 div.outer） 此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。 不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上 ...
分类：
Web程序 时间：
2017-08-22 13:19:35
阅读次数：
156
1. 使用额外标签法 这是早期普遍使用的方法，但是对于有代码洁癖的人来说，解决的不够完美 2. 使用 :after 为元素 3. 给父元素定高 4. 利用 overflow:hidden 属性 ...
分类：
Web程序 时间：
2017-08-18 11:24:25
阅读次数：
239
