浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一 ...
分类：
其他好文 时间：
2018-05-15 11:11:41
阅读次数：
185
一、浮动 1.浮动特点：脱离文档流，向左/向右浮动直到遇到父元素或者别的浮动元素，浮动会导致父元素高度坍塌。 2.清除浮动：clear和bfc 二、Flex布局 1，意为弹性布局，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 2，容器的属性（其中io ...
分类：
Web程序 时间：
2018-05-06 18:57:47
阅读次数：
189
此时是有效果显示的因为html文档流默认是从上往下，从左往右进行显示的，所以此时是有效果的。那如果此时把#son的块元素的margin-right:20px; 是没有效果的此时是没有效果的，如图所示：如果此时想要margin-right有效果的话，必须让#son这个块元素是在右边显示的，所以可一个#son这个元素往右浮动，float:right;那么此时就会有效果的。效果如图所示：
分类：
其他好文 时间：
2018-04-12 16:16:11
阅读次数：
115
今天学习到了实现一个静态进度条的方法，固写一篇笔记稳固一下自己的知识。 最终的效果如下，进度条放在一个框里，水平宽自适应。 现在就开始，首先写一个进度条先。 然后就可以将进度条放到写好的li里了 然后让 左浮动偶数 右浮动 再让 的父元素 清除浮动 就可以达到下面的效果 省下的样式就略了。 ...
分类：
Web程序 时间：
2018-04-05 16:50:44
阅读次数：
650
关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）： 1、float属性（float 属性定义元素在哪个方向浮动） 值：left（元素向左浮动）、right（元素向右浮动） 2、position属性（position属性规定元素的定位类型） 值：abs ...
分类：
Web程序 时间：
2018-03-08 14:41:04
阅读次数：
356
一、float浮动 两列布局可以使用浮动来完成，左列设置左浮动，右列设置右浮动，或者向同一个方向浮动。 当元素使用了浮动之后，会对周围的元素造成影响，那么就需要清除浮动，通常使用两种方法： 给受到影响的元素设置 clear:both，即清除元素两侧的浮动，也可以设置具体清除哪一侧的浮动：clear: ...
分类：
Web程序 时间：
2018-03-07 17:32:59
阅读次数：
2696
以下转自《CSS中的浮动和清除浮动，梳理一下！》 浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： 文字环绕效果 但是早期的前端开发者发现：浮动的元素 ...
分类：
Web程序 时间：
2018-03-07 13:33:18
阅读次数：
228
一、浮动和清除浮动 float属性： left：元素向左浮动； right：元素向右浮动。 clear属性： left：清除左浮动； right：清除右浮动； both：左右浮动一起清除。 二、用CSS画三角形 在网页中放一个div，如下定义它的style属性 { width: 100px; hei ...
分类：
Web程序 时间：
2018-02-06 18:08:27
阅读次数：
163
学习内容： 1.float，可使div脱离其原来位置进行位移 （1）float:left 向左浮动；（2）float:right 向右浮动； 2.clear 可对标签左右方向的float元素进行清除，避免元素之间相互叠加 3.overflow，对溢出边框的元素怎么处理 （1）hidden：隐藏，可以 ...
分类：
Web程序 时间：
2018-02-06 14:13:20
阅读次数：
196
文档流：浏览器根据元素在html文档中出现的顺序，从左向右，从上到下依次排列。 浮动属性是CSS中的定位属性，用法如下： float: 浮动方向(left、right、none); left为左浮动、right为右浮动、none是默认值表示不浮动 设置元素的浮动，该元素将脱离文档流，向左或向右移动 ...
分类：
Web程序 时间：
2018-01-17 20:07:53
阅读次数：
161
