float元素A的特点： 准确来说，是块盒子和A重叠，但块盒子内容会浮动在A周围 不会和inline元素重叠 图中显示了浮动导致的三大问题 （1）高度塌陷，父元素parent没被子浮动元素撑开 （2）浮动元素 和 块状元素 重叠 （3）文字、非块状元素img浮动在浮动元素周围（本质上这也算是第二种元 ...
分类：
Web程序 时间：
2017-08-30 15:31:10
阅读次数：
199
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 根据上一篇说明知道，不在普通流中，则属于浮动对象，我们可以实例如下代码 代码1-1 ...
分类：
Web程序 时间：
2017-08-29 18:55:58
阅读次数：
211
【转】 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本 ...
分类：
Web程序 时间：
2017-08-20 20:04:12
阅读次数：
200
【转】 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本 ...
分类：
Web程序 时间：
2017-08-20 19:55:59
阅读次数：
208
今天学的是浮动、定位、表格、表单等内容，这些是CSS中最容易混淆的知识，有许多小技巧在写代码过程中需要注意。下面是主要知识点： 一、float浮动1、块元素在一行显示2、内联元素支持宽高3、默认内容撑开宽度4、脱离文档流5、提升层级半层二、clear清除浮动1、加高（扩展性不好）给浮动元素的父级设置 ...
分类：
Web程序 时间：
2017-08-17 00:37:24
阅读次数：
220
浮动 1、什么定位 元素该出现的位置 分为以下几类： 普通流定位(文档流定位) 浮动定位 相对定位 绝对定位 固定定位 2、普通流定位 页面默认的定位方式 块级元素：从上到下显示 行内元素：从左到右显示 3、浮动定位 1、什么是浮动定位 元素会脱离默认文档流,在页面上不会占据空间 浮动定位的元素会放 ...
分类：
Web程序 时间：
2017-08-16 15:24:23
阅读次数：
204
CSS 浮动 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。 如果把 ...
分类：
其他好文 时间：
2017-08-06 16:57:58
阅读次数：
162
css浮动会使子元素脱离文档流，有些情况下会使其父元素失去高度，从而影响页面的整体布局。 解决的办法就是：使用浮动之后，记得清除浮动， 下面是几种清除浮动的方法： 第一种: 第二种： 清除浮动的方法还有许多，就不一一列出了。 ...
分类：
其他好文 时间：
2017-07-27 15:49:57
阅读次数：
139
DIV+CSS clear both清除产生浮动 我们知道有时使用了css float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。 clear 属性规定元素的哪一侧不允许其他浮动元素 1、clear语法：clear : none | left|right| ...
分类：
Web程序 时间：
2017-07-22 16:50:22
阅读次数：
234
clear:both清除浮动为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”结束前加此div引入“class="clear"”样式。这样即可清除浮动。 父级div定义 overflow:hidden对父级C ...
分类：
Web程序 时间：
2017-07-10 10:29:09
阅读次数：
223
