苏飞论坛

标题: 【零基础学习web前端】CSS布局-Float浮动 [打印本页]

---

作者: Amy    时间: 2018-12-4 21:15
标题: 【零基础学习web前端】CSS布局-Float浮动


【零基础学习web前端】CSS布局-Float浮动

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

float（浮动）让div样式层块，向左或向右（靠）浮动。可能的值为：

• left - 使左边缘接触包含块的左边缘或另一浮动块的右边缘。
• right - 使右边缘接触包含块的右边缘或另一浮动块的左边缘。
• none-  元素不浮动。
  

下面分别是没有加浮动的样式、加了左浮动后的样式 (, 下载次数: 104)

上传

点击文件名下载附件 (, 下载次数: 88)

上传

点击文件名下载附件
代码为：

[CSS] 纯文本查看 复制代码

p{

    width: 100px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid red;

    float: left;

}

[HTML] 纯文本查看 复制代码

<div class="box">

        <p>苏飞论坛</p>

        <p>欢迎您</p>

    </div>

---

作者: liu    时间: 2018-12-4 21:20
感恩无私的分享与奉献

---

作者: 范范    时间: 2018-12-4 22:22
强烈支持楼主ing……

---

作者: 惜    时间: 2018-12-4 22:37
激动人心，无法言表！

---

作者: 范范    时间: 2018-12-5 11:55
我只是路过打酱油的。

---

作者: 竹林风    时间: 2018-12-6 17:49
看到这帖子真是高兴！

---

作者: 惜    时间: 2018-12-6 17:49
无回帖，不论坛，这才是人道。

---

欢迎光临 苏飞论坛 (http://www.sufeinet.com/)

Powered by Discuz! X3.4