使用浮動+ margin + padding的CSS定位有什麼不好和好處？

Question

我們可以使用CSS定位跨瀏覽器CSS佈局，而不使用浮動？使用Float + margin + padding的css定位有什麼不好和好處？我想使所有A級瀏覽器和IE6的版面兼容？在Dreamweaver中，我們有一個可以快速創建CSS佈局的圖層，但它使用了absolution的位置。這種技術不好嗎？

Answer 1

如果你不在乎它看起來如果瀏覽器比你設計的大或小，那麼絕對定位它很棒。 :)

但是，在大多數情況下，如果您正在設計一個可能在17「 - 30」監視器上的瀏覽器，因此它可能是全屏顯示，那麼浮點數是有幫助的。

現在，如果您要更改位置以動態縮放到窗口大小，並且可以處理調整大小，那麼絕對值將運行良好。

我認爲如果你想擺脫浮動，絕對定位將是更多的工作，而不是價值。

Answer 2

當我把頁面放在一起的時候，我會考慮到我放在一起的元素以及它們形成的物理結構。如果元素排列在一起，就像一排書，我會用浮游物將它們「壓」在一起。如果我有更多的稀疏元素，比如一張紙上的便籤，我將使用絕對定位，因爲一個元素的位置與另一個元素的位置沒有緊密聯繫。

我也看看我所知道的元素和我不知道的。如果我的東西尺寸發生變化，比如內容不同的元素，我會用浮線來定位它們。這樣，元素仍然以一種有序的方式「堆疊」在一起。定位任意大小的元素可能會非常棘手，因爲您最終可能會超出容器的邊界，並破壞佈局或在不需要的地方顯示/隱藏某些內容。

當然，你也可以將兩種技術結合在一起 - 這都是你需要放在一起的。

Answer 3

我們可以使用CSS定位跨瀏覽器CSS佈局，而不使用浮動？

當然，如果你喜歡。浮動和定位只是兩個CSS屬性，它們不是相互排斥的。對於複雜的佈局，你可能經常混合兩者。

在dreamweaver中，我們有一個可以快速創建css佈局的功能層，但它使用了absolution的位置。這種技術不好嗎？

是的。除了像圖像那樣固定尺寸的東西外，使用精確的頁面像素絕對定位是一個不好的舉動，自動化工具傾向於生成，因爲使用WYSIWYG接口很容易，但對於文本而言降級很差。