日期:2014-05-17  浏览次数:20394 次

求助:DIV 模块 靠上不去
下面是我现在的效果图


我想把 房源搜索 放在 中介人气排行榜 下面,紧挨着,但是不管我怎么调整 CSS样式,margin-top还是 clear:both;都没用,大家帮我看看 该怎么弄呢?

下面是代码
  <div class="left">
<h1>中介人气排行榜</h1>
  </div>

  <div class="rightJRJY">
<h1>今日交易</h1>
  </div>
   
  <div class="rightCSFY">
<h1>出售房源挂牌信息</h1>
  </div>

  <div class="left_FYSS">
<h1>房源搜索</h1>
  </div>
下面 是 CSS 样式

/*中介人气排行+今日公告*/
div.left {
width:233px;
height:207px;
border:1px solid #09f;
float:left;
margin-bottom:10px;
}

div.left h1 {
font-size:14px;
background:#09f;
color:#fff;
height:25px;
line-height:25px;
text-indent:10px;
}
/*房源搜索*/
div.left_FYSS {
width:233px;
height:380px;
border:1px solid #09f;
  clear:both;
margin-bottom:10px;
}

div.left_FYSS h1 {
font-size:14px;
background:#09f;
color:#fff;
height:25px;
line-height:25px;
text-indent:10px;
}
/*今日交易*/
div.rightJRJY {
width:750px;
height:100px;
border:1px solid #09f;
float:right;
margin-bottom:10px;
}
div.rightJRJY h1 {
font-size:14px;
background:#09f;
color:#fff;
height:25px;
line-height:25px;
text-indent:10px;
}
/*出售房源*/
div.rightCSFY {
  margin-top:10px;
width:750px;
height:207px;
border:1px solid #09f;
float:right;
}
div.rightCSFY h1 {
font-size:14px;
background:#09f;
color:#fff;
height:25px;
line-height:25px;
text-indent:10px;
}


------解决方案--------------------
CSS code

    #page_div_layout_left { margin:0px;float:left;padding:2px;width:200px; }
    #page_div_layout_right{ margin:0px;float:left;padding:2px;width:700px; }

------解决方案--------------------
要改变结构才行,你那样上不去的

HTML code
<div style="float:left">
<div class="left"><h1>中介人气排行榜</h1></div>
<div class="left_FYSS"><h1>房源搜索</h1></div></div>
<div class="rightJRJY"><h1>今日交易</h1></div>
<div class="rightCSFY"><h1>出售房源挂牌信息</h1></div>

------解决方案--------------------
<div style = "写样式,宽度高度订好了,每个DIV记得左浮动,还有清楚margin和padding">
 <div class="left">
<h1>中介人气排行榜</h1>
</div>

<div class="rightJRJY">
<h1>今日交易</h1>
</div>

<div class="rightCSFY">
<h1>出售房源挂牌信息</h1>
</div>

<div class="left_FYSS">
<h1>房源搜索</h1>
</div>

</div>
------解决方案--------------------
如果"中介人气排行榜"的div大小是固定的,可以用如下方式
div.left_FYSS {
...
...
position: relative;
top: -200px; /*这个值根据情况改变的*/
}

如果不是,可能要改结构的,把"房源搜索"和"中介人气排行榜"放到同一个div里面的