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

Amy

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

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

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

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

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

下面分别是没有加浮动的样式、加了左浮动后的样式
代码为：

[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

感恩无私的分享与奉献

范范

强烈支持楼主ing……

惜

激动人心，无法言表！

范范

我只是路过打酱油的。

竹林风

看到这帖子真是高兴！

惜

无回帖，不论坛，这才是人道。