解读浮动闭合最佳方案：clearfix 之前给大家介绍两种浮动闭合的办法 "CSS清除浮动 万能float闭合" ，得知很多同学都在使用下面的骨灰级解决办法： 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。 但是这种方法的最大缺陷就是改变 ...
分类：
其他好文 时间：
2019-03-07 14:29:43
阅读次数：
171
方法一： float + margin.left{ float: left; width: 100px; }.right {margin-left:100px; } /*清除浮动*/ .container1:after{ content: ""; height: 0; line-height: 0; ...
分类：
Web程序 时间：
2019-03-04 14:19:56
阅读次数：
178
1.子级标签如果有浮动，想要设置父级标签的高度，必须给父级标签把浮动清除掉，这样高度就会由子元素高度自动撑开，不会出现元素塌陷。列如下面代码：.container ul { zoom: 1;}.container ul::after { display: block; content: ""; cl ...
分类：
Web程序 时间：
2019-03-02 12:16:33
阅读次数：
299
原文:css 浮动和清除浮动在写页面布局的过程中，浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋，在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边... ...
分类：
Web程序 时间：
2019-02-15 18:09:51
阅读次数：
195
【CSS】【清除浮动(带来的影响) clear与margin重叠】 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生ma ...
分类：
其他好文 时间：
2019-02-14 17:53:11
阅读次数：
220
1. clear:both 2.给父元素设置overflow：hidden 可以这样理解：overflow：hidden的含义是超出的部分要裁切隐藏，float的元素虽然不在普通流中，但是他是浮动在普通流之上的，可以把普通流元素+浮动元素想象成一个立方体。如果没有明确设定包含容器高度的情况下，它要计 ...
分类：
其他好文 时间：
2019-02-11 12:56:44
阅读次数：
176
1.父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题 2.父级div定义 overflow:hidden 原理：必须定 ...
分类：
其他好文 时间：
2019-02-06 13:12:16
阅读次数：
179
什么是标准文档流 什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签 ...
分类：
其他好文 时间：
2019-01-30 19:09:37
阅读次数：
145
css清除浮动clearfix:after的用法详解 2015-12-10 23:11 by 流浪的诗人, 8099 阅读, 0 评论, 收藏, 编辑 如果外部有一个div容器，其内部div容器设置了float样式，则外部的容器div因为内部没有clear，导致不能撑开。解决方法： CSS代码： 复 ...
分类：
Web程序 时间：
2019-01-29 23:07:41
阅读次数：
231
在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 什么是BFC BFC布局规则： BFC什么时候出现(哪些元素会生成BFC?) 什么是haslayout 为什么会有haslayout 默认拥有布局的元素 怎么触发haslayout 在IE7中，以下属性也可 ...
分类：
其他好文 时间：
2019-01-09 11:43:32
阅读次数：
213
