2

我在我的最新设计中一直使用 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 建议调整 top:size;以我的 divs 风格) 在此处输入图像描述

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

4

1 回答 1

2

你用top:669px;的太少了top:30px;

于 2012-10-03T17:32:32.923 回答