理解Div布局
很愚昧的用table布局很久,最近开始学习div+css布局,当初就是由于不理解div的位置控制,所以一直也顾不上深入去学习,加上好久不在开发web应用,所以就放下了,现在开始学习ajax,就必须要学习css+div了,呵呵! 要理解div布局, 首先要理解CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术,在HTML中的所有对 象,默认分为两种:块元素(block element)、内联元素(inline element),虽然也存在着可变元素,但只是随上下文关系确定该 元素是块元素或者内联元素。其实CSS的float属性,作用就是改变块元素(block element)对象的默认显示方式。block对象设置了float属性之后,它将不再独自占据一行。可以浮动到左侧或右侧。 float属性 : float : none | left | right none : 对象不浮动 left : 对象浮在左边 right : 对象浮在右边 该属性的值指出了对象是否及如何浮动。 当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level)。也就是说,浮动对象display 特性将被忽略。 到此基本明白了float的含义了,一个简单例子 .leftfloat{ width:200px;