浮动的工作原理浮动是让某元素脱离文档流，在浮动框之前和之后的非定位元素会当它不存在一样，可能沿着它的另一侧垂直流动，但都为其腾出空间，块级元素也不例外（被浮动元素占据了部分行空间的块级元素，仍然被看作是占据了一整行，只不过是被浮动元素占据的那部分空间无法利..
分类：
Web程序 时间：
2017-08-22 21:50:32
阅读次数：
153
21.如何居中div,如何居中一个浮动元素? 给div设置一个宽度，然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; } 居中一个浮动元素 确定容器的宽高 宽500 高 300 的层 设置层的外边距 .div { Width:500px ; h ...
分类：
Web程序 时间：
2017-08-20 00:49:01
阅读次数：
220
浮动就是使元素脱离文档流，按照指定的方向进行一个移动，遇到父元素边界或者相邻的浮动元素时，浮动元素会停下来。 脱离文档流通俗的说就是在页面中不占位置。 浮动有两个值：float：left / right 与display:inline-block;的区别，盒子之间有空隙，如下图。 1.左浮动floa ...
分类：
Web程序 时间：
2017-08-17 00:43:03
阅读次数：
200
今天学的是浮动、定位、表格、表单等内容，这些是CSS中最容易混淆的知识，有许多小技巧在写代码过程中需要注意。下面是主要知识点： 一、float浮动1、块元素在一行显示2、内联元素支持宽高3、默认内容撑开宽度4、脱离文档流5、提升层级半层二、clear清除浮动1、加高（扩展性不好）给浮动元素的父级设置 ...
分类：
Web程序 时间：
2017-08-17 00:37:24
阅读次数：
220
实例 1.清除浮动 通常我们清除清除浮动的方式就是在浮动元素后面添加一个空的Div标签，然后在设置它的清除浮动要是，使用after伪元素，我们就不需要添加无意义的div标签在html中了，下面的例子就使用了伪元素清除浮动 效果： 没有清除浮动： 2.常见消息框 注意，此时伪类content:' ', ...
分类：
Web程序 时间：
2017-08-14 23:44:47
阅读次数：
339
## 浮动 - 使用float设置元素浮动 - 可选值 - none 默认值. 元素不浮动 - left 元素向左浮动 - right 元素向右浮动 - 浮动的特点: - 当元素设置浮动后,元素会向页面左上或右上浮动 - 当浮动元素遇到父元素边框后, 会停止浮动 - 当浮动元素遇到其他浮动元素时,会 ...
分类：
其他好文 时间：
2017-08-10 23:35:33
阅读次数：
118
6. float 浮动 left right 设置浮动 脱离普通文档流 浮动元素都会变成块级元素 如果不设置宽度 会尽可能的窄 如果你使用浮动了 请将你的元素计算精确 如果不精确会有弊端！ 7. clear 清除浮动 left right both 只用它就好了 就是让你脱离文档流的内容(float ...
分类：
Web程序 时间：
2017-08-02 00:32:44
阅读次数：
204
问题的由来： 在CSS规范中，浮动定位是脱离元素正常流的。所以，只要含有浮动元素的父容器，在显示时不考虑子元素的位置，就当它们不存在一样。这就造成了显示出来，父容器好像空容器一样。 比如下面代码： 在浏览器中一运行，实际视图是子元素显示在父容器的外部。 解决方法一：添加空元素 在浮动元素下面添加一个 ...
分类：
其他好文 时间：
2017-07-28 18:25:57
阅读次数：
120
css浮动会使子元素脱离文档流，有些情况下会使其父元素失去高度，从而影响页面的整体布局。 解决的办法就是：使用浮动之后，记得清除浮动， 下面是几种清除浮动的方法： 第一种: 第二种： 清除浮动的方法还有许多，就不一一列出了。 ...
分类：
其他好文 时间：
2017-07-27 15:49:57
阅读次数：
139
1、加高 给父级加高 问题：扩展性不好 2、父级浮动 让父级也浮动 问题：页面中所有元素都加浮动，margin左右自动失效 3、inline-block 清浮动方法： 给父级加display: inline-block; 问题：margin左右自动失效； 4、空标签清浮动 在浮动元素下加 <div ...
分类：
其他好文 时间：
2017-07-25 10:25:07
阅读次数：
174
