Float特征： 1.块在一排显示 2.支持内联宽度 3.默认内容支撑宽度 4.脱离文档流 5.提升层级半层 Float产生的影响： float有脱离文档流的特性使其与父级不在同一文档流，从而影响布局 清除Float方法： 1.加高度（扩展性不好） 2.父级浮动（页面中所有元素都加浮动，会影响mar ...
分类：
其他好文 时间：
2018-01-21 17:40:45
阅读次数：
179
文档流：浏览器根据元素在html文档中出现的顺序，从左向右，从上到下依次排列。 浮动属性是CSS中的定位属性，用法如下： float: 浮动方向(left、right、none); left为左浮动、right为右浮动、none是默认值表示不浮动 设置元素的浮动，该元素将脱离文档流，向左或向右移动 ...
分类：
Web程序 时间：
2018-01-17 20:07:53
阅读次数：
161
关于浮动问题，我相信大家很容易遇到，比如说头部的导航栏的制作，就要用到浮动，页面的布局有时也会遇到浮动，那么怎么解决浮动的问题呢，我自己大概言简意赅的总结了我所知道的几种方法。 首先造成浮动的原因是：元素浮动会造成元素脱离文档流，造成父元素没有高度。下面举一个例子： 效果图如下： 问题：以上的图中， ...
分类：
其他好文 时间：
2018-01-14 17:41:28
阅读次数：
138
1 当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。 2 当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并。如果父元素有内边距，则子元素的外边距以父元素的内边距为准，不会发生外边距合并。 3 假设有一个空 ...
分类：
Web程序 时间：
2018-01-14 00:55:56
阅读次数：
257
在刚接触CSS的时候，每次给元素添加样式，都习惯性的写上宽是多少，高是多少，为自己挖坑无数，还暗自抱怨说CSS好烦，不过它真的是好烦，脾气很怪。 好，言归正传。在讨论元素的宽高是如何确定的之前，我们先明确一下文档流的概念：对于内联元素，是从左到右排列的，当宽度不够时换行；对于块级元素，是从上到下排列 ...
分类：
其他好文 时间：
2018-01-11 20:42:33
阅读次数：
133
1.浮动元素会让元素脱离文档流。 2.行框和清理 如果浮动元素后有一个文档流中的元素，框的文本内容会受到影响，留出空间。 用clear：left、right、both、none可以避免。 3.加一个清理元素可以迫使元素包围。 或者使用浮动容器 ...
分类：
其他好文 时间：
2018-01-09 23:20:06
阅读次数：
352
block（块）元素的特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素 inline元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内 ...
分类：
其他好文 时间：
2018-01-06 14:18:43
阅读次数：
99
一、css布局模型 1.流动模型（Flow） 元素在不设置css样式时的布局模型，是块元素就独占一行，是内联元素就在一行逐个进行显示 2.浮动模型（Float） 使用float属性来进行网页布局，给元素设置float后会脱离正常的文档流 3.层模型（Layer） 使用position属性对元素进行定 ...
分类：
Web程序 时间：
2018-01-02 23:34:34
阅读次数：
205
html： 标记、元素 嵌套 属性和值 标准属性（4种） html和HTML 超文本 http 词列表 CSS: 文档流 流式布局 列式布局 正常流布局 行框 行内框、行内元素 块框、块级元素 无名框、无名块框 包含框 JS: ...
分类：
其他好文 时间：
2017-12-31 21:07:42
阅读次数：
160
（个人知识有限，难免有误，请见谅） 标准文档流，顾名思义，是要按照一定规矩排列的，默认的就是元素会从左至右，从上至下排列，块级会独占一行，行内元素会和小伙伴们共享一行。 本来在标准文档流下，各个元素相安无事，可突然有一天某个元素心想啊，我那么优秀，不该出现在这里啊，于是它成精了，它发现了一道大门走向 ...
分类：
Web程序 时间：
2017-12-30 15:50:33
阅读次数：
167
