浮动属性： 当一个元素使用float声明时，网络布局的规则会使元素浮动到其父元素的左侧或右侧，此时该元素的空间将脱离其父元素的限制，且之后的元素的布局也会受到影响（如margin元素的将会被忽视）。 闭合浮动与清除浮动的区别： 清除浮动：清除对应的单词是 clear，对应CSS中的属性是 clear ...
分类：
其他好文 时间：
2019-07-06 17:37:19
阅读次数：
92
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实现，但是这两 ...
分类：
其他好文 时间：
2019-07-06 00:04:11
阅读次数：
95
BFC概念： 块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。 我们先了解一个名词：BFC（block formatting context），中文为“块级格式化上下文”。 先记住一个原则： 如果一个元素具有BFC,那么内部元素再 ...
分类：
Web程序 时间：
2019-07-03 16:48:58
阅读次数：
140
标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒 子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之间没有空隙，但要注意给父盒子清除浮动，否则父盒子不会被撑开）。 为 ...
分类：
其他好文 时间：
2019-07-03 13:59:35
阅读次数：
135
CSS清除浮动方法集合 一、浮动产生原因 - TOP 一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。 浮动产生样式效果截图 本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑 ...
分类：
Web程序 时间：
2019-07-03 10:44:52
阅读次数：
161
方法：1、在父级标签添加overflow：hidden 2、.class：after{content:"";display:block;clear:both} ...
分类：
Web程序 时间：
2019-06-24 00:29:19
阅读次数：
117
1.浮动 float:left /right2.清除浮动 clear：left/right/both（防止div块覆盖）3.外边距：margin：上边距，右边距，下边距，左边距。（按上右下左的顺序设置）4.内边距：padding：上边距，右边距，下边距，左边距。（按上右下左的顺序设置）5.边框：bo ...
分类：
编程语言 时间：
2019-06-22 10:52:15
阅读次数：
126
总结: 一、浮动float float：left/right左右 clear：left/right/both清除浮动 如上图所示： 我们完全可以利用12清除浮动，其余浮动来解决，但一定要注意好div之间的位置 代码如下： <body> <div id="d1"> <div class="z1">这是 ...
分类：
其他好文 时间：
2019-06-22 10:39:47
阅读次数：
138
如果前一个元素设置浮动属性，则之后的元素也会继承float属性，我觉得这里说是继承不太对，可以理解为会影响到之后的元素，所以在设置浮动元素之后的元素要想不被影响就需要清除浮动。元素设置左浮动，则清除左浮动，clear:left; 元素设置右浮动，则清除右浮动，clear:right; 左右两侧均去掉 ...
分类：
Web程序 时间：
2019-06-18 21:39:05
阅读次数：
141
清除浮动最简单的方法就是给他的父元素加个.clearf{overflow:hidden;}缺一不可；还有别的就是给父元素添加伪元素之流：.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}或者在浮动元素后加个空标签清除<divclass=&quo
分类：
其他好文 时间：
2019-06-14 20:06:29
阅读次数：
114
