浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向左浮动时，它脱离 ...
分类：
Web程序 时间：
2019-06-14 23:40:15
阅读次数：
280
[TOC] css第二波 盒子模型 浮动 在 CSS 中，任何元素都可以浮动。 浮动元素会生成一个块级框，而不论它本身是何种元素。 关于浮动的两个特点： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮 ...
分类：
Web程序 时间：
2019-05-31 01:02:54
阅读次数：
134
一、 定义 浮动的框能够向左或向右移动，直到它的外边缘碰到包括框或还有一个浮动框的边框为止。 解决的问题：“怎样在一行显示多个div元素” 二、 浮动与不浮动差别 图1 图2 差别 不浮动的框是由上往下独占一行的，而浮动的框是紧靠着排列的。图2中d1、d2、d3都是向左浮动的，所以先把d1放在紧靠着 ...
分类：
Web程序 时间：
2019-05-09 13:54:14
阅读次数：
163
预览效果： 类似于之前做过的裁剪预览效果 HTML、CSS代码 JS代码： 注意一个要点： 浮动框的宽/小盒子的宽 = 大盒子的宽/图片的宽 ...
分类：
Web程序 时间：
2019-03-30 10:18:53
阅读次数：
180
WebDriver高阶API（1） 1、使用JavaScript操作页面元素 2、操作滚动条 JS 3、操作Ajax产生的浮动框 方法一：通过模拟键盘下箭头进行选择悬浮框选项 方法二：通过匹配模糊内容选择悬浮框中选项 方法三：固定选择某一项，使用索引 4、结束Windows中浏览器进程 ...
【CSS】【清除浮动(带来的影响) clear与margin重叠】 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生ma ...
分类：
其他好文 时间：
2019-02-14 17:53:11
阅读次数：
220
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ...
分类：
Web程序 时间：
2018-11-06 00:56:05
阅读次数：
254
float 在 CSS 中，任何元素都可以浮动。 浮动元素会生成一个块级框，而不论它本身是何种元素。 关于浮动的两个特点： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 三种取值 l ...
分类：
其他好文 时间：
2018-10-26 22:14:35
阅读次数：
252
原因： 元素设置了float属性后，就会脱离文档流，当 包含框 的高度小于 浮动框 的时候，会出现高度塌陷。因此才需要清除浮动！ 表现如图：包括框container已经包不住float的图片了！ 清除浮动方法： 1：给 包含框 添加 after伪元素清除浮动。代码： 2：使用BFC， 原理：让浮动块 ...
分类：
其他好文 时间：
2018-09-05 17:52:55
阅读次数：
185
一、CSS选择器 1.基础选择器 2.组合选择器 注意嵌套规则： 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。 有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt li内可以包含div 块级元素与块级 ...
分类：
Web程序 时间：
2018-07-26 18:26:20
阅读次数：
183
