2011-02-03 55 views
0

http://cssdesk.com/kBNHh爲什麼我不能在CSS中創建一個可以工作的頁腳?

好的,所以有我的CSS + HTML。

問題是頁腳。不知道如何工作。

誰能告訴我我做錯了什麼?

此外,如果我在div中插入過多的文本,我仍然得到文本(在div中稱爲子文件2,即文本主體)與頁腳重疊的情況。爲什麼我不能阻止任何重疊的頁腳?我試過把包裝的頁腳放到包裝外面(場),我嘗試了一切。但是,如果文本太多,文本就會與頁腳重疊。我應該再試一次填充嗎?編輯:不,不起作用。

頁腳被稱爲孩子4(即使它不是「字段」的孩子,即我的HTML中的主包裝)。

我去過很多網站,都很精細。甚至嘗試了一些在那裏提供的CSS。但只要我編輯它以符合我的計劃,頁腳就停止運作。我究竟做錯了什麼?

+0

你能後的圖像你的佈局希望?它很難理解你想要做什麼... – gearsdigital 2011-02-03 22:14:50

+0

我會打賭(沒有詳細看問題),這是一個問題,這將在很大程度上通過使用'overflow:hidden'來解決。 – 2011-02-03 22:17:22

回答

1

問題是您正在使用稱爲絕對的定位格式。這意味着每個div都按照您定義的座標精確定位在屏幕上,其他div(也是絕對定位的)不會影響其他任何div的位置。

如果您使用position:relative而不是position:absolute,那麼它可能會讓您沿着正確的方向行進。

閱讀其中的一些,他們可能會有所幫助:

http://www.communitymx.com/content/article.cfm?page=2&cid=3B56F

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

我不知道你的頁面是爲了看起來像,但是這個基本概念開始,建立自己的技能圍繞它:)

#Header, #Content, #Footer{ 
    position:relative; 
    width:100%; 
} 

#Header{ 
    height:100px; 
    background:yellow; 
} 

#Content{ 
    height:400px; 
    background:green; 
} 

#Footer{ 
    height:100px; 
    background:blue; 
} 

和HTML將

<body> 
<div id="Header">Put your header stuff here.</div> 
<div id="Content">Put your content here.</div> 
<div id="Footer">Put your footer stuff here.</div> 
</body> 

把孩子放在正確的部分,並設置他們的位置相對也。

玩這些,看看你是如何相處。花盡可能多的時間,因爲你可以真正理解定位,一旦你有這個堅實的基礎,你會發現設計更容易!

很抱歉,如果我不夠具體,我敢肯定,在其他一些不錯的傢伙,所以會加重這個,給你一隻手,如果他們有什麼建設性的補充:)

相關問題