第一种方式：因为浮动框不在普通的文档流中，所以它不占据空间。如下面的代码：.news { background-color:gray; border:1px solid black;}.news img { float:left;}.news p { float:right;} Some text....
分类：
Web程序 时间：
2015-06-09 19:06:57
阅读次数：
119
一、定位：按标准看谁离得近来进行覆盖：什么都没有（最远）、浮动（远）、定位（近）二、positionabsolute 绝对定位，能堆叠在上一层下面，脱离文档流relative 相对定位，按照原来所在的位置进行定位，不脱离文档流static 该值为position的默认值fixed 可定位相对于浏览器...
分类：
其他好文 时间：
2015-06-09 13:34:54
阅读次数：
119
float1.破坏性，让设置了float属性的元素脱离文档流2.包裹性：div设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。如果没有包裹性，如何实现文字环绕（float初衷）3.清除空格：因为脱离了文档流，所以换行、空格都跟它没关系了源自：http://www.cnb...
分类：
Web程序 时间：
2015-06-07 18:39:40
阅读次数：
117
float属性：定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的...
分类：
Web程序 时间：
2015-06-06 10:30:43
阅读次数：
129
今天终于对html中的块级元素和行内元素有了一个较为理性的认识。首先w3c对于block和inline的解释为：一、block的研究通过w3c的解释，也就是说block（块级）元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。下面来说说block元素默认宽度的问题。1、没...
分类：
Web程序 时间：
2015-06-03 17:16:06
阅读次数：
146
1、浮动包裹性——浮动具有让元素按displya:inline-block显示(文字环绕的效果)。2、浮动破坏性——浮动元素脱离标准流，漂浮在标准流之上，破坏了正常文档流的显示顺序。浮动元素的下一个元素，会和上一个非浮动元素底部垂直对齐。浮动元素的垂直位置会和上一个标准流元素(block)的底部对齐...
分类：
其他好文 时间：
2015-06-02 23:24:48
阅读次数：
129
CSS布局有三种方式：1.默认文档流方式：以默认的HTML元素的结构顺序显示2.浮动布局方式：通过设置HTML元素的float属性显示3.定位布局方式：通过设置HTML元素的position属性显示----------------浮动布局什么是浮动？浮动是CSS实现布局的一种方式，包括div在内的任何元素都可以..
分类：
其他好文 时间：
2015-06-01 20:43:03
阅读次数：
96
定位布局positionposition:static/absolute/relative static静态定位，默认值，一般不用。 absolute绝对定位，将对象从文档流中分离出来，通过设置left,right,top,bottom四个方向 相对于父级对象进行绝对定位。如果不存在这样的父对象，则依据body对象。 relative相对定位，对..
分类：
其他好文 时间：
2015-06-01 20:41:56
阅读次数：
127
先简单的介绍一下，JS的都有什么作用，写一个效果，要完成哪些步骤；写一个js效果的步骤：1.先实现页面布局；2.实现原理；3.了解js语法；把某个元素移除你的视线的几个方法：1.display:none; //显示为无，其实是去掉了；(从文档流去掉了)2.visibility:hidden; /.....
分类：
Web程序 时间：
2015-06-01 18:32:54
阅读次数：
143
浮动与定位在网页设计中应用得很广泛，是两种主要布局方式的实现方法。 我们知道，网页上一般来说，块标签是自上而下的一块块堆叠，行内标签则在一行内从左到右依次并排，如果所有网页的都这样机械的排列着，也太单调了，所以有没有一个东西让标签内容脱离这种文档流呢，首先就可以考虑float。 float，...
分类：
其他好文 时间：
2015-06-01 00:44:55
阅读次数：
260
