1.水平居中margin 0 auto;（浮动元素除外） 这个属性在网页制作的过程中是经常被用到的，一般情况下页面的版心你就可以看到它。 效果图： 2.position定位实现垂直居中(一)； position具有兼容性好的特点，在网页布局中建议能使用定位，最好不要选择浮动来布局。下面这个方法局限性 ...
分类：
Web程序 时间：
2019-06-23 18:53:59
阅读次数：
125
https://www.jb51.net/web/639884.html 本文介绍了详解左右宽度固定中间自适应html布局解决方案，分享给大家，具体如下： a.使用浮动布局 html结构如下（为什么中间的网格宽度显示的和实际的不一样？怎么造成的;解决方法就是让中间的非浮动元素可以看到两边的浮动元素， ...
分类：
Web程序 时间：
2019-06-23 11:39:20
阅读次数：
151
如果前一个元素设置浮动属性，则之后的元素也会继承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
我的主要参考资料是[Object object]的文章 float 布局应该是目前各大网站用的最多的一种布局方式了，但是也特别复杂，这里详细讲一下 首先，什么是浮动？ 浮动元素是脱离文档流的，但不脱离文本流，这是什么意思呢，用过 word 的应该知道有一种图片环绕的方式是文字环绕吧，就是这种效果。 ...
分类：
Web程序 时间：
2019-06-07 00:54:24
阅读次数：
194
1.CSS Shapes CSS Shapes 是一个新标准，旨在让Web设计者能使用各种形状。 CSS Shapes包含两组新属性，一组用于设置影响盒子中内容的形状，另一组用于设置影响形状元素周边内容流的形状。 属性只能应用给浮动元素。这个属性不改变元素自身的外观，只会通过设置形状影响其外部内容流 ...
分类：
Web程序 时间：
2019-06-05 19:53:36
阅读次数：
114
1、为什么要初始化CSS样式？ 答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 2、浮动元素引起的问题？ 答案：a. 父元素的高度无 ...
分类：
Web程序 时间：
2019-06-03 17:30:00
阅读次数：
126
[TOC] css第二波 盒子模型 浮动 在 CSS 中，任何元素都可以浮动。 浮动元素会生成一个块级框，而不论它本身是何种元素。 关于浮动的两个特点： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮 ...
分类：
Web程序 时间：
2019-05-31 01:02:54
阅读次数：
134
块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文： 根元素或包含根元素的元素 浮动元素（元素的 float 不是 none） 绝对定位元素 ...
分类：
其他好文 时间：
2019-05-27 16:24:22
阅读次数：
118
方法一：使用transform属性 方法二：未知父元素高宽 方法三：使用Flex 方法四：使用table-cell，vertical-align:middle ...
分类：
其他好文 时间：
2019-05-23 21:14:16
阅读次数：
128
