2009-10-09 106 views
3

我想得到一些關於使用填充和頁邊距與頁面佈局相比絕對定位的反饋。我意識到,現在和將來都會出現這樣的情況,其中一方或雙方都是首選,這取決於情景。css佈局:邊距和填充與絕對定位?

但是我得到的是整體頁面佈局的像素完美設計什麼是一般的經驗法則?我比HTML和CSS多一年,我來自一個平面設計背景,所以我的大部分思路都非常重視從佈局的角度來接觸設計。到目前爲止,在我的網頁設計中,我已經使用經驗法則在佈置頁面時使用帶有浮動,填充和邊距的適當標題的div,並且如果需要絕對定位(例如要素粘在屏幕邊緣或一個div)在必要時使用它。

但最近我真的開始重新考慮我的頁面佈局方法,並想知道從絕對定位開始作爲一般的經驗法則是一個更好的主意嗎?

有人可以指出一些關於這個主題的優秀文章或資源,我也很樂意聽到每個人的個人反饋。

回答

2

我可以看到你來自哪裏,但使用絕對定位來佈局非常不靈活。我認爲你最好是繼續使用CSS盒子模型。這並不是說絕對定位是一件壞事,只是它不夠靈活,無法處理流體佈局,改變盒子尺寸等。

0

我在過去的2年中越來越多地瞭解CSS佈局及其怪癖,我非常喜歡使用浮動/餘量技術,因爲它似乎能夠在不同瀏覽器中給出最佳結果。

也許這只是我做這件事的方式,但是當嘗試在所有瀏覽器中獲得相同結果時,我經歷了一些定位(相對容器內絕對)的痛苦。 IE通常是異常值,主要是IE6/7。我很猶豫直接進入絕對定位,但也許這裏的其他人可能有更好的經驗,並可以指導你更好的方向。

祝你好運,我希望你找到讓你感覺舒服的東西!

0

正如羅恩提到的,絕對位置是不靈活的,所有不同的設備和屏幕尺寸。

你應該怎麼做,特別是如果你來自圖形背景,在你的網站設計過程中使用的網格佈局對應於網頁的網格框架,例如bootstrap。

然後你會得到

答:對稱和吸引力的佈局

B:有人說知道比我們已經處理了所有的問題,花車和利潤率可能會導致這個好很多並且將在未來更新框架,以彌補網絡發展正在進行的轉變。