2010-01-12 57 views
1

如果我們在佈局編碼的某個位置使用浮點數,定位如何節省我們的時間?在哪些情況下使用定位會比浮動更好?

我們如何判斷定位會給出更好的結果?

For example (i added just for example) if this is a design

到目前爲止,我只用浮球+保證金+填充,現在如果我可以混合定位和節省時間,輕鬆地獲得完美的像素則浮動。

指引我

在此先感謝。

更新1:

這些網站的共同要素。我應該爲他們中的任何一個使用定位嗎?

The Header 
---logo 
---serch box 
---The Navigation Menu 
---top links 
---Breadcrumbs 

The Text Area 
---Paragraphs 
---images(left , right or center align) 
---Tables 
---vertical ordered and unordered list 

The Sidebar 
---vertical ordered and unordered list 


The Footer 
---copyright 
---Important Links (horizontal list) 

Form elements 

更新2:

  • 定位是否有任何 兼容性問題(包括IE6)比浮動?

  • 定位是隻適用於固定的 寬度設計或它對 液體和固定的好嗎?

+0

我知道的唯一的兼容性問題是,如果孩子是絕對的,父母必須是親戚的,但是對於所有瀏覽器來說,這是相同的,我會遠離定位句柄,像Tatu Ulmanen說的那樣誠實。特別場合 – Udders 2010-01-12 16:18:04

回答

2

對於該佈局,除了浮動,邊距和填充之外,您不需要使用其他任何東西。定位(relative,absolute,fixed)只能在'特殊場合'使用,例如。當你想從文檔流中提取一個元素並將其放置在某個地方時,否則很難放置。

您不會節省任何時間,並且定位時不會獲得更多'像素完美'結果。你應該可以用傳統的方法做到這一點。

您應該在佈局中使用絕對定位的唯一原因是由於RSS圖標,這是我所說的「特殊場合」。

1

看着有最少需要使用定位設計,只有我能看到它可能需要爲t給出的RSS圖標重疊的效果,但即使如此,你可以做一些權謀與背景圖片爲效果它是重疊的。

在我的網站上,如果我需要讓用戶體驗元素在盒子模型之外重疊的話,我會使用position。否則,你應該罰款浮動,填充和使用餘量。

如果你正在使用position:absolute;確保父元素有position:relative一個提示howerver;

相關問題