浮动元素的左（或右）外边界不能超出其包含块的左（或右）内边界。 浮动元素的左（或右）外边界必须是原文档中之前出现的左浮动（或右浮动）元素的右（左）外边界，除非后出现浮动元素的顶端在先出现浮动元素的底端下面。 左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界也不会在 ...
分类：
其他好文 时间：
2019-02-15 16:03:08
阅读次数：
173
浮动元素会从文档正常流中删除，但它仍会影响布局 浮动非替换元素必须为其指定width，否则元素的width会趋于0而导致浮动元素不能完整显示 一旦元素具有了浮动属性，它便成为了一个块级元素。 浮动元素的左右外边界不能超出包含块的左右内边界 浮动元素永不会重叠 浮动元素不会超过容器的上padding ...
分类：
Web程序 时间：
2019-02-15 15:20:14
阅读次数：
435
【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、浮动只影响其后面的块元素。 2、元素浮动之后，其后面的块元素会跑到浮云元素的后面（占用浮动元素的位置）。但是文字不会被浮动元素覆盖(文字是行内元素)。 3、如果浮动元素前、后有行内元素，会被挤兑到浮动元素后面与其并排。【浮云元素被自动转换为行内块元素，允许其它行内元素并排】 ...
分类：
Web程序 时间：
2019-02-06 21:08:52
阅读次数：
210
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2019-01-30 19:09:57
阅读次数：
136
Float float 属性的原本作用是： float 父元素高度塌陷实现文字环绕效果 float 固定一列宽的自适应布局 float 多列布局` float 固定一列宽的自适应布局 float 多列布局 clear 元素盒子的边不能和 浮动元素相邻 clear 属性只对块级元素生效 等伪元素默认是 ...
分类：
其他好文 时间：
2019-01-20 00:11:45
阅读次数：
227
块级格式化上下文（Block Fromatting Context）是按照块级盒子布局的。 BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。 W3C对BFC的定义如下： 浮动元素和绝对定位 ...
分类：
其他好文 时间：
2019-01-15 14:33:32
阅读次数：
174
HTML结构 通过上方的代码,在利用页面布局的知识来进行排布, 注意点: 1.首先我们要做导航栏.并排显示元素,第一想浮动,想到使用浮动之后,但是一定要消除浮动元素 css代码如下: ...
分类：
其他好文 时间：
2019-01-06 10:41:11
阅读次数：
152
BFC(边距重叠解决方案) 1、BFC的基本概念：块级格式化上下文 2、BFC的原理（说白了就是BFC的渲染规则）： 这个规则是什么呢？我觉得大家能说出4点就够了 第一个就是BFC可以解决这个元素的垂直的边距发生重叠的情况 第二个是BFC的区域不会与浮动元素的box重叠，这个肯定是用来清除浮动的。 ...
分类：
Web程序 时间：
2018-12-18 11:04:10
阅读次数：
182
