BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
有这么一个场景，我们的网站需要个性化一点，通常可能设计把首页轮播图/banner拉通或全屏，这时候我们的logo、导航等元素就需要透明的浮动在轮播图上方。尴尬的地方就在于如果这些元素是白色，背景是白色或者黑色文字，背景也是黑色？如何切换css颜色？
分类：
其他好文 时间：
2020-04-03 10:30:47
阅读次数：
79
这篇文章会记录我们平时常用到的CSS片段，使用这些CSS可以帮助我们解决许多实际项目问题中遇到的，墙裂建议点赞收藏再看，方便日后查找清除浮动浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个<div></div>；不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的
分类：
Web程序 时间：
2020-04-02 10:29:33
阅读次数：
101
祁阳县生活污水提升器设备拥有梦想的人是值得尊敬的，也让人羡慕。当大多数人碌碌而为为现实奔忙的时候，坚持下去，不用害怕与众不同，你该有怎么样的人生，是该你亲自去撰写的。生活污水提升器设备产品特点1、自动控制：自动浮动开关，无需人工操作；双路控制：自动及手动双路控制，免除后顾之忧；2、紧凑：生活污水提升器设备设计非常紧凑，即使在有限的空间内也能够万僵的安装；3、持久耐用：生活污水提升器设备箱体材质为不
分类：
其他好文 时间：
2020-04-01 19:35:42
阅读次数：
60
文章目录万能居中BFC优化盒模型哪两种模式？什么区别？如何设置常用清除浮动的方法，如不清除浮动会怎样？删格化的原理纯css实现三角形高度不定，宽100%，内一p高不确定，如何实现垂直居中？至少两种方式实现自适应搜索设置一段文字的大小为6pxcss菊花图关于em关于vh,vwFlex布局overflow原理实现自适应的正方形:标准模式和怪异模式CSS3实现环形进度条css优先级万能居中1.margi
分类：
Web程序 时间：
2020-04-01 10:32:46
阅读次数：
102
css盒模型是网页布局中不可或缺的部分，以下是对css盒模型简要介绍的思维导图： 注：margin常出现的bug： a：当父元素和子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top 会错误的把margin-top加在父元素上 b：上下相邻两个元素之间的margin值，不会叠加， ...
分类：
Web程序 时间：
2020-04-01 01:21:47
阅读次数：
319
元素添加浮动后，会处于一个半脱离文档流的状态，如果没有给浮动元素的父元素设置固定的高度，那么父元素会认为没有内容撑开自己，因此父元素的高度为0，此时下面的元素会上来，被浮动元素压在下面。 解决方案： 1.给父元素设置固定的高度（父元素会缺乏灵活性，不能靠其内容自由变换撑开高度） 2.给父元素设置ov ...
分类：
其他好文 时间：
2020-03-31 19:18:06
阅读次数：
60
典型的DIV＋CSS布局——固定宽度且居中的版式中，运用的是浮动属性；这个实例，则运用了绝对定位属性。 1、在#container中设置“position:relative;”，其作用是使得后面的绝对定位的基准为#container而不是以浏览器为其准。 2、左侧列#left_side和右侧#rig ...
分类：
Web程序 时间：
2020-03-31 19:10:22
阅读次数：
101
1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、box-sizing ...
分类：
Web程序 时间：
2020-03-29 12:49:51
阅读次数：
101
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; height: 300px; border:1px solid red; ...
分类：
其他好文 时间：
2020-03-28 14:59:11
阅读次数：
72
