浮动的性质 1、浮动的元素脱标 常见的标签都是标准流的，区分行块，如果给元素设置浮动属性，元素会脱离表准流，元素即可设置高度，又可排在一行。 未脱标：代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
分类：
Web程序 时间：
2019-07-22 13:20:57
阅读次数：
140
如果前一个元素设置浮动属性，则之后的元素也会继承float属性，我觉得这里说是继承不太对，可以理解为会影响到之后的元素，所以在设置浮动元素之后的元素要想不被影响就需要清除浮动。元素设置左浮动，则清除左浮动，clear:left; 元素设置右浮动，则清除右浮动，clear:right; 左右两侧均去掉 ...
分类：
Web程序 时间：
2019-06-18 21:39:05
阅读次数：
141
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向左浮动时，它脱离 ...
分类：
Web程序 时间：
2019-06-14 23:40:15
阅读次数：
280
# Css 浮动（float） #### 什么是浮动？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 **浮动，会使元素向左或向右移动，其周围的元素也会重新排列** 例： ```<!doctype ...
分类：
Web程序 时间：
2019-05-06 01:11:10
阅读次数：
175
1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下，从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类：
Web程序 时间：
2019-05-03 14:23:45
阅读次数：
135
浮动的特性： （1）浮动元素有左浮动（float:left）和右浮动（float:right）两种 （2）浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来 （3）相邻浮动的块元素可以并在一起，超出父级宽度就换行 （4）浮动让行内元素或块元素自动转化为行内块元素（此时不会有行内块元素间隙问 ...
分类：
Web程序 时间：
2019-03-31 09:58:48
阅读次数：
173
前言 浮动最早的使用是出自\，用于文本环绕图片的排版处理。当然也是一种常用的布局方式。 float 浮动 浮动元素脱离普通流，然后按照指定方向，向左或者向右移动，碰到父级边界或者另外一个浮动元素停止 值: left | right | none | inherit(继承) 初始值: none 应用于 ...
分类：
Web程序 时间：
2019-03-30 18:52:54
阅读次数：
193
clear-both;overflow clearfix 浮动属性 浮动可以让元素一个挨着一个。创建一个自然流布局，同时可以设置自身尺寸和父元素容器的尺寸大小。一个元素浮动时，其他元素会“环绕”他。 当元素浮动时，一个元素的位置取决于放置在他周围的元素，围绕在他周围的第是哪个元素？这个元素会不会换行 ...
分类：
Web程序 时间：
2019-02-25 18:48:38
阅读次数：
2236
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浮动 和 显示方式</title> <style> h1{ text-align: center; } p{ background: pink; } .a{ border: 1px ...
分类：
Web程序 时间：
2019-02-22 23:10:09
阅读次数：
214
教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。 所以，无论多么复杂的 ...
分类：
Web程序 时间：
2019-02-16 15:43:50
阅读次数：
231
