CSS float

时间 2019-11-06

标签 css float 栏目 CSS 繁體版

原文原文链接

CSS floathtml

float 属性定义元素在哪一个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素均可以浮动。浮动元素会生成一个块级框，而不论它自己是何种元素。spa

float 飘起拼接超过100%的空间是会另起一行。
float 飘起的块级标签不在占用一整行。
将被float字浮遮住的边框再次显示，在堆叠的最后边添加。<div stle="clear: both."></div> 。
若是浮动非替换元素，则要指定一个明确的宽度；不然，它们会尽量地窄。
假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

示例：code

<html>
<body>

    <!-- float: left 飘起div标签不在占用一行，叠加到左边 -->
    <div style="width:20%;background: red;float: left">1</div>

    <!-- float: right 飘起div标签不在占用一行，叠加到右边 -->
    <div style="width:60%;background: seagreen;float: right">2</div>

</body>
</html>

效果：htm

1. CSS float
2. css float
3. css-float
4. css-absolute relative float 之 float
5. CSS Float(浮动)
6. CSS浮动float
7. CSS Float nine rules
8. CSS Float（浮动）
9. CSS浮动--Float
10. CSS浮动（Float）
更多相关文章...
• jQuery Mobile CSS 类 - jQuery Mobile 教程
• CSS 指南 - 网站建设指南
• Kotlin学习（二）基本类型
• 使用阿里云OSS+CDN部署前端页面与加速静态资源