题目：BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等） 直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。 BFC区域不会与float box重叠 BFC是页面上的一个独立容器，子元素不会影响到外面 计算BFC的高度时，浮动元素也会参与计算 哪些元素会生成BFC： ...
分类：
其他好文 时间：
2020-09-24 00:02:56
阅读次数：
34
1. 为什么要清除浮动 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。 ? 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响 2 .清除浮动本质 ?清除浮动的本质是清除浮动元素造成的影响? 如果父盒子本身有 ...
分类：
其他好文 时间：
2020-09-18 01:34:30
阅读次数：
27
浮动是布局的时用到的一种技术，能够方便我们进行布局。 1、浮动的设置：css属性float：left/right/none 左浮动/右浮动/不浮动（默认） 2、浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3、浮动的影响： ...
分类：
Web程序 时间：
2020-09-18 01:08:19
阅读次数：
49
前言上篇文章主要介绍了CSS样式更改篇中的列表、表格和轮廓，这篇文章主要介绍CSS样式更改中框模型、定位、浮动、溢出基础知识。1.框模型BorderModel从上图可以得知，如果把一个网页比作一个方框，那么borderpaddingmargin所扮演的角色。通过通用选择器，可以设置所有的元素的borderpaddingmargin初始值为0：*{margin:0;padding:0;border:
分类：
Web程序 时间：
2020-09-17 20:07:14
阅读次数：
44
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> div.items { float: left; width: 100px; height: 100px; background-colo ...
分类：
其他好文 时间：
2020-09-17 19:31:30
阅读次数：
27
HTML每个元素都可以看做一个盒子, 盒子包括 content,padding,border,margin 方向 :top, right, bottom, left 内容相关属性: width:宽度 min-width :最小宽度,浏览器窗口小于最小宽度是,可以滚动查看 max-width : 最大 ...
分类：
其他好文 时间：
2020-09-17 18:15:29
阅读次数：
65
浮动 块级元素：独占一行 h1~h6 p div 列表... 行内元素：不独占一行 span a img strong... 行内元素可以被包含中块级元素中。 父级边框塌陷问题 解决方案： 1.增加父级元素的高度 #father{ border:1px #000 soild; height:800p ...
分类：
Web程序 时间：
2020-09-12 21:46:49
阅读次数：
50
一、清除浮动 为什么要清除浮动：父盒子不适合设定高度，子盒子浮动后不占位，导致父盒子高度为0，父盒子外的其它元素上移占位导致布局错乱方法：1. 额外标签法、2. overflow清除浮动、3. after伪元素清除浮动、4. 双伪元素清除浮动 1. 额外标签法 <!DOCTYPE html> <ht ...
分类：
Web程序 时间：
2020-09-12 21:40:29
阅读次数：
47
HighReport报表工具企业级web报表工具，包含功能：1.报表工具支持报表展示，包括自由报表、网格式报表、分组报表、主子报表、交叉报表、分栏报表、分页报表、链接子报表、嵌套子报表、报表组、浮动图报表、背景图报表。2.报表工具支持表单填报，包括自由填报、网格式填报、行式填报、分组填报、交叉填报、 ...
分类：
Web程序 时间：
2020-08-31 11:53:19
阅读次数：
64
可能在初学前端的同学，会有以下疑惑: (没错,那同学就是我) 1、为什么在浮动元素的父元素上添加overflow:hidden，能处理高度塌陷？ 2、遇到外边距合并，为什么要在父元素上添加overflow:hidden能解决？ 首先来了解下 什么是BFC吧！ 1、按我的理解，BFC是一个大的隔离独立 ...
分类：
其他好文 时间：
2020-08-26 19:00:24
阅读次数：
63
