先来一个常见的bug:代码：效果：描述：当我们给一个元素设置float浮动之后，其后面的元素不再按照正常的排列方式跟随在这个元素后面，而是会被float元素压在下面，并且float元素不再作为撑开父元素的子元素。那么为什么会出现这样的问题呢？可显而知是浮动元素带来的影响，那么浮动元素布局的时候为什么会出现这样的影响呢？接下来我们来探究一下浮动元素的问题一.float的本质首先我们来探究一下floa
分类：
其他好文 时间：
2020-02-24 22:25:27
阅读次数：
97
一，PS工具 1，组成 菜单栏（上） 工具栏（左） 辅助面板（右） 2，图片常见格式 jpg ： 色彩丰富，比较适合做照片格式 png ： 可以做透明的图片 gif ： 动图 psd ： 是设计图的源文件 3，PS的简单操作 ①，alt+鼠标滑轮： 放大缩小图片 ②，辅助面版 ： 图层，；历史记录， ...
分类：
Web程序 时间：
2020-02-24 20:40:22
阅读次数：
98
（display属性设置元素如何显示） 如果display取值为none，那么position和float都不起作用，这种情况下元素不产生框 否则，如果position设置框是绝对定位，float的计算值就为none，display根据下面的表格进行调整 否则，float不是none，框是浮动的，d ...
分类：
其他好文 时间：
2020-02-24 16:49:40
阅读次数：
75
高度塌陷产生的原因: 高度塌陷： 当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。 例如： .father{ width: 600px; /* 给父元素一个宽度 */ background-color: #008000; /* 给个背景颜色 */ } .child_1{ ...
分类：
其他好文 时间：
2020-02-23 22:20:12
阅读次数：
75
CSS文档流 CSS 有三种基本的定位机制：普通流、浮动流、定位流。 POSTION position定位属性，检索或设置对象的定位方式 绝对定位和相对定位的区别： 1、参照物不同，绝对定位的参照物是包含块（已定位的父元素），相对定位的参照物是元素本身默认的位置； 2、绝对定位将对象从文档流中拖离出 ...
分类：
其他好文 时间：
2020-02-23 20:42:40
阅读次数：
78
1、在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）。 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这 ...
分类：
Web程序 时间：
2020-02-23 20:39:12
阅读次数：
88
二级导航栏制作： 1.将一级导航栏去除列表样式（list-style:none），并给予浮动，使其横向排列（float:left） 2.给每个li中添加一个<a></a>标签，给a设置样式,使其成为块级元素( display:block)，这样只需要点击当前 li 范围区域即可触发a的跳转 3.给需 ...
分类：
Web程序 时间：
2020-02-23 20:33:37
阅读次数：
883
1、浮动-float float是css样式中的定位属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动布局，浮动也就是我们所说标签对象浮动居左（float:left）和浮动居右(float:right)。浮动会使元素脱离文档流，按照指定方 ...
分类：
Web程序 时间：
2020-02-23 20:23:46
阅读次数：
101
H5的奇妙之处就在于它的变幻莫测，接下来我想谈一下我对定位浮动的认知。 什么是浮动首先要了解什么是浮动：脱离文档流，默认在当前的行对既定的方向进行移动（默认横排）。 用浮动可以解决什么问题使用浮动之前我们要想明白浮动都可以解决什么问题：比如我们要放一排的div或是img，我们故可以通过调试margi ...
分类：
其他好文 时间：
2020-02-23 18:26:07
阅读次数：
146
一、BFC是什么？ 官方定义 BFC（Block Formatting Context，块格式化上下文） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 详见 "MDN" 看不明白？那就对了！ 官方解释若不搞得抽象难懂些，怎能显出高大上？！（ ...
分类：
其他好文 时间：
2020-02-23 16:38:19
阅读次数：
99
