2012-10-03 32 views
2

我在我的最新設計中一直使用Twitter Bootstrap 2.1。由於某些原因,當我將任何div元素添加到頁面時,所有內容/主體都被推得非常低,並且在整個頁面上添加了額外的空間,下面是一個現場示例和提供的圖片: http://www.japaneselanguagefriend.com/application/home.php自舉佈局被推下來

Layout being pushed down

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

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

和股利

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

} 

我想獲得一個div直接顯示在我的主要內容中,如圖所示,但間距和更多似乎都以某種方式搞砸了。任何意見或協助問題將不勝感激。謝謝!

更新:所以我需要找出最佳方式來定位我的股利,而不會影響我的整個佈局的間距。 (謝謝你Mr.Alien的建議調整上:大小;在我的div風格) enter image description here

我正在尋找最好的方式來定位它的權利與在該示例圖片中的橙色盒子

回答

2

您正在使用top:669px;所以減少到一定程度top:30px;

+0

謝謝,但由於某種原因,我做了你推薦的變化,間距仍然有問題。 –

+0

@AoiHana真的嗎?我可以看到頂部:669px;在你的網站上的樣式表中 –

+0

看到它現在完成:) –