Question

您好我是一名新的网络开发人员。我有一个简单的问题。我正在尝试div中的两个列站点（.container width960px）一个是浮点数：左（宽度：300px）但是当另一个使用float：right（宽度：650px）时。但是当我使用浮动右侧右侧栏时没有出现在容器中。 Pleasr帮助我正确使用浮动：向左或向右。

.container {
    background: none repeat scroll 0 0 #000;
    margin: 0 auto;
    width: 960px;
}

.leftsidebar {
    width: 200px;
    float:left
}

.rightsidebar {
    float: left;
    width: 200px;
    color: #fff;
    width: 400px;
}

Answer 1

您想要的结果很简单。应该没有任何问题，请根据您的样本查看此示例：

<强> HTML

<div class="container">
    <div class="leftsidebar">
        Right Sidebar
    </div>
    <div class="rightsidebar">
        Right Sidebar
    </div>
    <div class="clear"></div>
</div>

<强> CSS

.container {
    background: none repeat scroll 0 0 #000;
    margin: 0 auto;
    width: 960px;
}

.leftsidebar {
    width: 200px;
    float: left;
    background: yellow;
}

.rightsidebar {
    float: left;
    width: 760px;
    background: green;
}

.clear {
    clear: both;
}

jsFiddle Demo

关于Float左右

1 个答案: