一个div推动另一个

时间:2014-02-04 22:30:13

标签: html css

我正在尝试将div(下一个> previous< links)(#nextprev)浮动到已经右浮动的div(#rightcontent)的右侧。目前#nextprev div正在将#rightcontent div推入页面中心 - 请看这里......

http://alexch.net/kblondel/project-01a.html

...但理想情况下,我希望保持#rightcontent div的位置与以前一样......

http://alexch.net/kblondel/project-01.html

#rightcontent有一个合适的边距,我猜这个div会被推到左边。我真的希望#nepreprev在这个例子中忽略这个边距,然后坐在#rightcontent旁边。

任何人都可以帮我吗?

非常感谢

2 个答案:

答案 0 :(得分:0)

正如@ helion3在上面的评论中提到的,删除#contentright上的右边距是正确的想法。要匹配旧的margin-right: 30px,就可以完成工作。

答案 1 :(得分:0)

这是因为添加了额外的div:

<div id="nextprev">next &gt;<br>&lt; prev</div>

更新#contentright的CSS并取出margin-right

#contentright {
    float: right;   
    overflow: hidden;
    padding: 40px 0 0;
    width: 420px;
}