电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

DIVCSS布局:CSS浮动float属性详解

DIVCSS布局:CSS浮动float属性详解_第1页
1/18
DIVCSS布局:CSS浮动float属性详解_第2页
2/18
DIVCSS布局:CSS浮动float属性详解_第3页
3/18
下载后可任意编辑DIV CSS 布局:CSS 浮动 float 属性详解在传统的表格布局中,我们对表格应该对齐方式对实现了对布局的应用,而应用 Web 标准构建网页以后,float 浮动属性是布局中非常重要的属性,我们常常通过对 div 元素应用 float 浮动来进行布局,不但对整个版式进行规划,也可以对一些基本元素如导航等进行排列。我们来看看 float 属性基本释义:该属性的值指出了对象是否及如何浮动。当该属性不等于 none 引起对象浮动时,对象将被视作块对象(block-level),即 display 属性等于 block。也就是说,浮动对象的 display 特性将被忽略。float 属性的参数: none:对象不浮动left:对象浮在左边right:对象浮在右边下面我们通过一些测试来了解可能出现的一些情况,假如 float 取值为 none 则不会发生任何浮动,块元素独占一行,紧随其后的块元素将在新行中显示,如下图:我们看下面的运行效果:Source Code to Run [www.52css.com] 52CSS
52CSS.com 这是第一个 DIV
52CSS.com 这是第二个 DIV
[ 可先修改部分代码 再运行查看效果 ]我们对 content_a 应用向左的浮动。而 content_b 不应用任何浮动。下载后可任意编辑Source Code to Run [www.52css.com] 52CSS