1

こんにちは、これは可能ですか？そのオレンジ色のボックスを上に上げて、他のオレンジ色のボックスの下に置くために必要なすべてを試しましたか? これが私のコードです、私は怒っています!!

<div id="container">

    <div id="nav1"></div>
    <div id="nav2"></div>

    <div id="box3"></div>
    <div id="box4"></div>
    <div id="box5"></div>
    <div id="box5"></div>
    <div id="box3"></div>

</div>

CSS

#box3
{ 
  width:250px;
  height:200px; 
  background-color:#F30; float:left; 
} 
#box4
{ 
  width:500px;
  height:400px; 
  background-color:#F00; 
  float:left; 
} 
#box5
{ 
  width:250px;
  height:200px; 
  background-color:#C00; 
  float:left; 
}

ジャスフィドル

4

2 に答える 2

4

JSfiddle: http://jsfiddle.net/W5uE3/

html:

<div id="container">

    <div id="nav1"></div>
    <div id="nav2"></div>

    <div id = 'cont1'>    
        <div class="box3"></div>
        <div class="box3"></div>
    </div>
    <div id="box4"></div>
    <div class="box5"></div>
    <div class="box5"></div>
</div>​​​​​​​​​​​​​​​​​

CSS:

#container { 
    width: 1000px; 
}
.box3{ 
    width:250px; 
    height:200px; 
    background-color:#F30; 
    float:left; 
} 
#box4{ 
    width:500px; 
    height:400px; 
    background-color:#F00; 
    float:left; 
} 
.box5{ 
    width:250px; 
    height:200px; 
    background-color:#C00; 
    float:left; 
}
#cont1 {
    float: left;
    width: 250px;
}

z-index を使用する必要はありません。追加のコンテナーだけです。そして、複数のIDをクラスに変更します。

于 2012-10-09T11:15:46.860 に答える
1

まず、同じ id を持つ div を使用することはできません。id を持つ 2 つの div とbox5idを持つ 2 つの div があります。これらを変更して、 の代わりにbox3a を使用することを検討してください。それからclassid

clear:both一番下に配置したいdivで使用する必要があります。

例えば：

<div id="box4" style="clear:both"></div>
<div id="box3" style="clear:both"></div>
于 2012-10-09T11:13:06.997 に答える