float的定义和用法

来源:13-4 起飞咯 - 浮动模型

笨小孩爱笨小女孩

2016-07-10 13:56

这里只有简单的,有没有详细的介绍

写回答 关注

1回答

  • 慕莱坞9220042
    2016-07-10 13:58:11
    已采纳

    定义和用法

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

    如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

    <html>
    <head>
    <style type="text/css">
    img 
    {
    float:right
    }
    </style>
    </head>
    
    <body>
    <p>在下面的段落中,我们添加了一个样式为 <b>float:right</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>
    <p>
    <img src="/i/eg_cute.gif" />
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    </p>
    </body>
    
    </html>


    笨小孩爱笨小...

    非常感谢!

    2016-07-10 14:00:52

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225315 学习 · 18230 问题

查看课程

相似问题