麻煩用CSS懸浮在網站上

你好，我正在製作一個網站http://guesthousecontrasts.com然而由於某些原因內容div不會填滿整個頁面我相信這是因爲我使用的一些花車，另一個問題是，一些頁面上的內容不會「推」粘滯頁腳，而是保持在它之上，我試圖給某些div添加清除修復，並在頁面末尾添加一個清除修復div，但似乎沒有任何效果我有點失落。我非常感謝你們可以提供的所有幫助，並且很樂意聽到您可能有的任何提示/建議/評論。麻煩用CSS懸浮在網站上

來源

2013-10-16 Ivan Veselinov Nedelchev

能否請你做一個小提琴顯示你的問題，這將只減少問題的關注領域，也是你的網站無法訪問我起訴到一些有限的訪問。 – Rex

寬度.main div是1000px;你可以隨時保持它或100％。但是橫幅圖像不適合這種情況。使用

#banner { 
background: url(../images/bg_img2.jpg) 0 0 no-repeat; 
padding: 30px 0 0 60px; 
background-size: cover; 
}

根據寬度調整圖像。從。主要內容

.main-content { 
min-height: calc(100% - 107px); //100% minus 107px of footer 
height:auto !important; 
margin:0 auto; 
}

這

刪除邊距將解決您的頁腳重疊的問題。

來源

2013-10-16 08:19:46 Hiral

.main-content {margin: 0 auto -107px;min-height: 100%;}是因爲粘腳。 –

@IvanVeselinovNedelchev請參閱我的編輯。 – Hiral

是的編輯工作完美的重疊的內容，謝謝:)現在，如果你能告訴我如何強制內容div擴大它的高度達到頁腳，我將不勝感激:) –

嘗試增加

<div class="body2"> 
</div>

下面

<div class="main"> 
    <section id="content"></content> 
</div>

這應該解決您的頁腳重疊的問題。

要解決內容問題的寬度，你可以試試下面的變化，

<div class="main"> 
</div>

低於CSS

.main { 
    margin: 0 auto; 
    width: 1000px; 
}

如果你給width : 100%將需要整個容器的大小。

來源

2013-10-16 08:19:39 Kishori

我的問題是高度不填充整個網站的寬度應該是。 –

您能否詳細說明內容高度問題？ – Kishori

在一些頁面上，內容div只能到達文本的末尾，因爲div有一個背景，它看起來很醜，我想擴大div來達到頁腳，而不管文本是什麼。 –

只有一個提示，停止使用浮點數：P如果使用不當，或者可以給你現在遇到的問題，它確實可以分解整個網站。我建議給父DIV（含量）：

位置：相對

這div的兒童：

位置：絕對

來源

2013-10-16 08:24:21 Dizza

麻煩用CSS懸浮在網站上

回答

相關問題