不能讓我的div保持固定佈局

我對css，divs和其中的一切都很陌生。不能讓我的div保持固定佈局

所以，我爲我的樂隊創建了一個基本的佈局，不想要一些無用的鏈接，比如生物，商店等等。所以我決定爲我們的視頻，玩家和Facebook窗口安排單獨的空間。

我設法爲youtube iframe創建了一個div，但是當我調整窗口大小時，我無法讓它留在它的位置。我試着將定位改變爲絕對的，固定的，相對的等等。沒有運氣。

請記住，佈局不是什麼幻想，只需快速查看一下，並獲得樂隊的一些基本信息。

這裏的鏈接：http://silentcellmusic.com/test.html

Thx提前！

來源

2012-08-02 user1572481

您應該刪除

標記爲不獲得了在HTML中使用。你也應該把你的CSS樣式從body標籤內移到HEAD標籤中。最好把你的CSS樣式放在一個單獨的樣式表中，可以引用你所有的網頁。 – 2012-08-02 20:40:21

首先，您應該從標記中刪除圖像，並將其設置爲正文的背景或html，例如。將其設置爲頂部中心。

然後，將div #wrapper設置爲{width：960px;保證金0自動; }。這樣它就會始終處於屏幕的中心位置，所以就像你的背景一樣。

三，創建四個的div：

社會
聽
視頻

他們漂浮到左側，設置它們的寬度和利潤，因此。

最後爲您的頁腳添加一個div（社交鏈接和mailto）。

祝你好運。

來源

2012-08-02 20:38:42

你需要做的是使用職位。什麼fixed所做的是確定相對於窗口（或瀏覽器）左上角的位置，所以它會一直停留在同一個地方，無論你如何調整其大小。正確的方法是使用absolute和relative。

首先你需要一個relative容器。您的圖片已居中，所以你可以這樣做：

<div id="container">...</div> 

#container {width:960px; margin:0 auto; position:relative;}

然後，你希望自己的視頻是在一個絕對定位的div，但內部的相對之一。所以，你的HTML是：

<div id="container"> 
<div id="videoDiv"> 
    your video here 
</div> 
</div>

和你的videoDiv CSS：

#videoDIv {position:absolute; top:200px; left:200px; }

看POR CSS位置網上了解它是如何工作的，它實際上很簡單，但你需要正確的結構。在你的情況，你的center標籤應該是一個相對位置，但要確保將其更改爲一個div，否則某些瀏覽器會給出一個驗證錯誤。

話雖如此，你可以做很多事情來改善你的網站。一旦您知道如何處理職位，您可以使用不同的圖像重新進行佈局（因此加載速度更快），並且您可以使用實際文本。這對於搜索引擎識別您的網站非常重要，所以至少要讓關鍵字四處散播。

來源

2012-08-02 20:39:30 Yisela

這是你的視頻DIV + CSS：

#apDiv1 { 
    position:absolute; 
    left:747px; 
    top:535px; 
    width:400px; 
    height:223px; 
    z-index:1; 
    #wrapper { 
    margin-left:auto; 
    margin-right:auto; 
    width:960px; 
}

您的意思是聲明寬度的兩倍？是寬度：960px拋棄你的定位？

來源

2012-08-02 20:40:13 Lowkase

完美寫字！我將如何去集中一切？佈局位於屏幕的左側。 Thx求救！ – user1572481 2012-08-02 23:36:13

獲得完全擺脫<center>標籤和更改的CSS＃apDiv1到：

#apDiv1 { 
    position: absolute; 
    left: 597px; 
    top: 489px; 
    width: 400px; 
    height: 223px; 
    z-index: 1; 
}

來源

2012-08-02 20:40:45 Sammy

感謝您的幫助。我開始明白它是如何工作的，但對於我的生活，我似乎無法找到一種方法來中心我的網頁與div npw。當我使用自動邊距對其進行居中時，每當我調整窗口大小時，div都會再次移動。任何提示？ – user1572481 2012-08-03 01:32:20

不能讓我的div保持固定佈局

回答

相關問題