按下Bootstrap布局

Question

我在最新设计中一直使用Twitter Bootstrap 2.1。出于某种原因，当我向页面添加任何div元素时，我的所有内容/主体都被推到了很远的位置并且整个页面都添加了额外的空间，这里是一个实例和提供的图片： http://www.japaneselanguagefriend.com/application/home.php

在我的bootstrap.min.css文件的CSS中，我有

body{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
line-height:20px;
    position:relative;
}

和div

#apDiv1 {
position:relative;
left:439px;
top:669px;
width:300px;
height:670px;
z-index:1;

}

我试图让div直接显示在我的主要内容上，如图所示，但是间距和更多似乎都会以某种方式搞砸了。对此问题的任何建议或帮助将不胜感激。谢谢！

更新：所以我需要弄清楚定位div的最佳方法，而不会影响整个布局的间距。 （感谢Mr.Alien建议调整顶部：尺寸;以我的div风格）

我正在寻找使用示例图片中的橙色框正确定位的最佳方法

Answer 1

您正在使用top:669px;，因此将其降低到top:30px;