如上图所示对页面进行布局 左右两部分是固定宽度的，中间黄色的区域可以随页面宽度的不同而调整，且与两边div有个间距。 方法一：浮动 元素只能影响后面的浮动元素的位置，对前面的没有影响，所以box1、box2左右浮动后位置就固定了，然后加入的box3因为有高度，所以宽度会自适应。 方法二：中间定位 附 ...
分类：
其他好文 时间：
2016-08-07 23:15:58
阅读次数：
164
转载地址：http://www.jb51.net/css/76894.html 1、IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边 ...
分类：
其他好文 时间：
2016-08-01 10:40:59
阅读次数：
164
1、如果想设置页面居中，当设置margin属性为auto的时候，不能在设置浮动或绝对定位属性。并且一定要设置width为一个定值 2、盒子模型三维立体结构图 3、浮动布局 利用浮动可以实现横向布局，通过float来实现（left--左浮动，right--右浮动，none--不浮动），特点是：元素会左 ...
分类：
Web程序 时间：
2016-07-11 17:05:03
阅读次数：
179
页面布局方式，主要包含：文档流、浮动层、float属性。 ?html页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 ?浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置，由后 ...
分类：
其他好文 时间：
2016-07-04 23:46:28
阅读次数：
561
前两篇的资料介绍到仅仅按照标准流的方式进行排版限制性太大，接下来将介绍css中的float属性。 一、盒子的浮动（float） 1、浮动（float）主要功能是帮助对象在网页中对齐的，通过不同的命令使对象左右浮动，直到遇到border、padding、margin或其他对象边缘为止。别看这简单的浮动 ...
分类：
其他好文 时间：
2016-05-25 22:17:38
阅读次数：
244
样式集小记(一)css浮动设置与清除A：浮动的表示：1.浮动的写法：float:left/right；Float：使HTML元素向左或向右浮动，取值：left、right2.浮动的元素，可以向左或向右浮动，直到碰到包围框的边上或者上一个浮动框的边上为止；3.浮动的元素将脱离普通文档流，并且不再占用空间..
分类：
其他好文 时间：
2016-05-15 12:40:09
阅读次数：
214
1. 使用float布局 注意点：使用浮动布局要注意清除浮动。使用伪类清除 浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。 而此浮动元素在文档流空出的位置，由后续的(非浮动)元素填充上去：块级元素直接填充上去，若跟浮动元素的范围 ...
分类：
Web程序 时间：
2016-05-13 23:21:08
阅读次数：
275
一、浮动left元素向左浮动right元素向右浮动none元素不浮动inherit从父级继承浮动属性#fd{
width:100px;
height:100px;
background-color:red;
float:left;
}
#sd{
width:100px;
height:100px;
background-color:blue;
float:left;
}
#td{
width:100px;
height:100px;
backgr..
分类：
Web程序 时间：
2016-05-13 15:41:52
阅读次数：
155
float:right向下错位，例如 <div>左文字<span style="float:right">右浮动</span></div> 解决办法： 1、将span放到文字前面 <div><span style="float:right">右浮动</span>左文字</div> 2、div{pos ...
分类：
其他好文 时间：
2016-05-11 18:15:40
阅读次数：
169
1、Q:IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 A：加入文档声明<!doctype html> 2、Q:IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） A：display:inline 3、其实是同一种bug 1）字体大小为 ...
分类：
其他好文 时间：
2016-04-25 22:34:21
阅读次数：
252
