某些相邻的margin会发生合并，我们称之为margin折叠 来看例子： 显示效果： margin折叠常规认知： margin折叠只发生在块级元素上； 浮动元素的margin不与任何margin发生折叠； 设置了属性overflow且值不为visible的块级元素，将不与它的子元素发生margin折 ...
分类：
其他好文 时间：
2016-08-20 16:21:08
阅读次数：
127
一、浮动介绍 历史： 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 定位方式： 浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 ...
分类：
Web程序 时间：
2016-08-20 16:04:44
阅读次数：
689
float,浮动 在元素的水平方向，left,right进行浮动，直到外框碰到父边缘框或者另外一个浮动元素的外框 浮动对前面元素没有影响，后面的元素会围绕它，右浮动，后面元素将围绕在它左边，左浮动，后面元素围绕在它右边 当一个元素浮动之后，不会影响到 块级框的布局而只会影响内联框（通常是文本）的排列 ...
分类：
Web程序 时间：
2016-08-19 13:01:50
阅读次数：
166
一.浮动元素居中 div{ width: 100px; height: 100px; background-color: red; float: left; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top ...
分类：
其他好文 时间：
2016-08-16 23:53:39
阅读次数：
174
1 计算宽高要精确，不要让内容的宽高超出设置的宽高，内容会撑开设置好的宽高。 2 元素浮动，如果浮动元素的宽度需要内容撑开，就给里边的块元素都加浮动。 3 元素要通过浮动并在同一行，就给这行的元素都加浮动。 4 注意标签嵌套规范：块元素里不能嵌套块元素。 5 最小高度问题，元素的高度小于19px的时 ...
分类：
其他好文 时间：
2016-08-15 17:12:40
阅读次数：
151
一个块级元素如果没有设置height，那么其高度就是由里面的子元素撑开，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析 清除浮动的方式： 1)在浮动元素下加子元素<div c ...
分类：
其他好文 时间：
2016-08-14 22:02:49
阅读次数：
102
相信每个初学html5的童鞋都或多或少的对float浮动这一属性迷茫过，下面让我来为大家列举一下关于浮动的特性。 一、浮动元素会脱离文档流 何为脱离文档流？假设我们在纸上写字，每一个字代表一个元素，我们让其中的一个字原地漂浮起来，那么我们会说这个字脱离了原先的位置，即脱离了文档。当我们给一个元素加入 ...
分类：
Web程序 时间：
2016-08-10 22:41:48
阅读次数：
245
如上图所示对页面进行布局 左右两部分是固定宽度的，中间黄色的区域可以随页面宽度的不同而调整，且与两边div有个间距。 方法一：浮动 元素只能影响后面的浮动元素的位置，对前面的没有影响，所以box1、box2左右浮动后位置就固定了，然后加入的box3因为有高度，所以宽度会自适应。 方法二：中间定位 附 ...
分类：
其他好文 时间：
2016-08-07 23:15:58
阅读次数：
164
1. 三个关于浮动的概念 不浮动float:none; 清除周围的浮动元素 float:both 这是清除浮动的本意 清除子元素浮动对父元素的影响 clearfix 很多人都理解成这个叫清除浮动。。 2. 什么是清除浮动 清除浮动不是把当前标签的浮动给清除了，如果这样，还加浮动做什么 其实清除浮动指 ...
分类：
Web程序 时间：
2016-08-06 23:13:18
阅读次数：
181
<div class="box"> <p>我是浮动的</p> <p>我是居中的</p> </div> .box{ float: left; position: relative; left: 50%; } p{ float: left; position: relative; right: 50%; ...
分类：
其他好文 时间：
2016-08-05 21:16:13
阅读次数：
110
