1、在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素， 在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布 局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行清除浮动。 ...
分类：
Web程序 时间：
2017-07-09 12:28:24
阅读次数：
170
现有3个div，父级div命名为：divmain，同级子div分别命名为：div-left，div-right。 当我们不使用div浮动的时候，正常文档流(normal document)情况下，代码及显示效果如下所示： 1 <!DOCTYPE html> 2 <html lang="en"> 3 ...
分类：
Web程序 时间：
2017-07-09 12:17:43
阅读次数：
142
文档流、浮动、清除浮动、overflow、定位 1.文档流 css文档流，标准流是什么？ 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 2.浮动布局 设置了浮动的元素，脱离标准流（脱标） a） float: left | right 元素浮动之后不占据原来的 ...
分类：
Web程序 时间：
2017-07-02 00:09:20
阅读次数：
277
浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。 也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？ 本文将一步一步 ...
分类：
Web程序 时间：
2017-06-06 13:08:29
阅读次数：
255
方框属性：(Box) width: ; height: ; float: ; clear: both; margin: ; padding: ; 顺序：上右下左 长 高 浮动 清除多样式 针对div浮动 外边距 内边距 边框属性：(Border) border-style: dotted;(点线) ...
分类：
Web程序 时间：
2017-06-05 00:38:31
阅读次数：
181
在CSS网页开发布局中，需要对浮动和定位有深刻的理解才能在开发中游刃有余。 基于此，在博客园中做了本篇总结，这些总结来自实践经验和阅读一些书籍后的理解总结，主要内容为浮动，清除浮动，定位。 一. float属性深入理解 首先简单布局一下，代码如下： 效果图： 图p1 1. 脱离文档流 脱离文档流，即 ...
分类：
Web程序 时间：
2017-05-30 23:05:36
阅读次数：
301
我们知道，在网页的DIV+CSS布局中，很多时候要用到浮动。 既然有浮动，那就有清除浮动。 清除浮动有很多种方式，而在实际项目中，比较常用的是这一种。 我们可以把这部分代码复制到项目中的CSS文件中，也可以保存为一个CSS文件，然后引入。 那么怎么引入呢？这时，我们就需要用到 @import。 把引 ...
分类：
其他好文 时间：
2017-05-28 23:17:55
阅读次数：
175
当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。 清除浮动方法: 方法一 ...
分类：
Web程序 时间：
2017-05-07 17:35:40
阅读次数：
196
有很多小伙伴们特别关心面试Web前端开发工程师时，面试官都会问哪些问题。今天小卓把收集来的“阿里Web前端开发面试题”整理贴出来分享给大家伙看看，赶紧收藏起来做准备吧~~ 一、CSS盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 ...
分类：
Web程序 时间：
2017-04-22 13:13:44
阅读次数：
223
