0

一部の DIV には次の CSS があります。

#wrapper {
  width:960px; 
  border:1px solid red;
  overflow:hidden;
}

#maintitle {
  width:600px;
  height:50px;
  float:left;
  border:1px solid #333;
}

#sidebar {
  clear:both;
  float:left;
  width:100px;
  height:200px;
  border:1px solid #ccc;
}

#rightSidebar {
  width:100px;
  height:200px;
  float:right;
  border:1px solid #CCC;
}

#rightSidebar div は #wrapper div の右上隅にフロートすると思いますが、#maintitle DIV の下にとどまっています。

#maintitle DIV が左に浮いている場合、#rightsidebar div を右上隅に浮かせることができますか?

ここでは、http://jsfiddle.net/BdpU7/で動作しています。

4

1 に答える 1

3

これはあなたが考えていたことですか？http://jsfiddle.net/BdpU7/1/

は HTML の#rightSidebar前に移動する必要があり、次のものが必要です。#sidebar#sidebarclear

#wrapper {
    width:960px; 
    border:1px solid red;
    overflow:hidden;
}

#maintitle {
    width:600px;
    height:50px;
    float:left;
    border:1px solid #333;
}

#sidebar {
    clear:left;
    float:left;
    width:100px;
    height:200px;
    border:1px solid #ccc;
}

#rightSidebar {
    width:100px;
    height:200px;
    float:right;
    border:1px solid green;
}

<div id="wrapper">
    <div id="maintitle"></div>
    <div id="rightSidebar"></div>
    <div id="sidebar"></div>
</div>
于 2013-03-18T23:45:08.133 に答える