Css 将两个div置于第三个div之上

Css 将两个div置于第三个div之上,css,html,Css,Html,我一点也不擅长处理CSS和DIV 基本上,我希望制作这样的东西: 编辑:我尝试了清除:左;但由于某些原因,我的底部div现在的位置远离其他div。像这样: <div style="width:50%; float:left">Hello</div> <div style="width:50%; float:left">Hello</div> <div style="clear:left">Hello</div> 你可以

我一点也不擅长处理CSS和DIV

基本上,我希望制作这样的东西:

编辑:我尝试了清除:左;但由于某些原因,我的底部div现在的位置远离其他div。像这样:

<div style="width:50%; float:left">Hello</div>
<div style="width:50%; float:left">Hello</div>
<div style="clear:left">Hello</div>

你可以看一看,看看它在起作用


您可以查看它的运行情况。

使用浮动div和容器非常简单:

<div class="columns">
    <div class="left">
        <!-- left div -->
    </div>
    <div class="right">
        <!-- right div -->
    </div>
</div>
<div>
    <!-- bottom div -->
</div>

希望这对您有意义。

使用浮动div和容器非常简单:

<div class="columns">
    <div class="left">
        <!-- left div -->
    </div>
    <div class="right">
        <!-- right div -->
    </div>
</div>
<div>
    <!-- bottom div -->
</div>
希望这对您有意义。

CSS

.top
{
    width: %50;
    float: left;
}
.bottom
{
    clear left;
}
加价

<div id="containter">
    <div class="top">HELLO</div>
    <div class="top">HELLO</div>
    <div class="bottom">HELLO</div>
</div>

你好
你好
你好
CSS

加价

<div id="containter">
    <div class="top">HELLO</div>
    <div class="top">HELLO</div>
    <div class="bottom">HELLO</div>
</div>

你好
你好
你好

在编辑方面,使用
outline
属性布局页面有很大帮助。发布您的代码。也许有保证金。有成千上万个可能的原因。firebug说没有利润。你试过我的解决方案吗?这也有问题吗?在编辑方面,使用
outline
属性布局页面有很大帮助。发布代码。也许有保证金。有成千上万个可能的原因。firebug说没有利润。你试过我的解决方案吗?这也有问题吗?
<div id="containter">
    <div class="top">HELLO</div>
    <div class="top">HELLO</div>
    <div class="bottom">HELLO</div>
</div>