首页 > 开发 > CSS > 正文

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

2024-07-11 08:23:36

字体：大中小

来源：转载

供稿：网友

　　MB5U.com原创，未经本站同意，严禁转载！

　　在传统的表格布局中，我们对表格应该对齐方式对实现了对布局的应用，而应用Web标准构建网页以后，float浮动属性是布局中非常重要的属性，我们经常通过对div元素应用float浮动来进行布局，不但对整个版式进行规划，也可以对一些基本元素如导航等进行排列。

　　我们来看看float属性基本释义：
　　该属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。

　　float属性的参数：
　　none：对象不浮动
　　left：对象浮在左边
　　right：对象浮在右边

　　下面我们通过一些测试来了解可能出现的一些情况，假如float取值为none则不会发生任何浮动，块元素独占一行，紧随其后的块元素将在新行中显示，如下图：

　　我们看下面的运行效果：

div css xhtml xml 代码调试框

代码调试框 [www.CuoXIn.com]

上一篇：CSS教程：详解visibility属性CSS控制内容显示

下一篇：CSS注释、命名、继承性、样式排序等CSS技巧的小结

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注