css中的浮动属性值有：left、right、none、inher IT 。float浮动属性可以使元素向左或向右移动，其周围的元素也会重新排列，往往用于图像布局中。
本文操作环境：windows10系统、css 3、 ThinkPad t480 电 脑。
浮动属性介绍：
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。
浮动属性：
clear 指定不允许元素周围有浮动元素（清除浮动）。
left
right
both
none
inherit
float 指定一个 盒子 （元素） 是否 可以浮动。
left
right
none
inherit
举例：
<style>
.thumbn ai l
{
float:left;
width:110px;
h ei ght:90px;
m arg in:5px;
}
</style>
</head>
<body>
<h3>图片库</h3>
<p>试着 调整 窗口,看看当图片没有足够的空间会发生什么。</p>
< img class="thumbnail" src="/images/klematis_small. jpg " width="107" height="90">
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">
<img class="thumbnail" src="/images/klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">
</body>
</ht ML >运行结果：
相关推荐：CSS教程
以上就是css中的浮动属性值有 哪些 的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css中的浮动属性值有哪些 全部内容，希望文章能够帮你解决 css中的浮动属性值有哪些 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did199391