求助: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;
}
[解决办法]
#page_div_layout_left { margin:0px;float:left;padding:2px;width:200px; } #page_div_layout_right{ margin:0px;float:left;padding:2px;width:700px; }
[解决办法]
要改变结构才行,你那样上不去的
<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里面的