使用float重疊兩個Div

2010-10-20 52 views 0 likes

我需要使用Div創建以下頁面佈局。使用float重疊兩個Div

http://jsfiddle.net/6Lanq/（請使用水平和垂直滾動條，看看具體的圖片。我們有四個區）

我做到了使用嵌套的div和浮動，但嵌套的div都需要今非昔比。我知道的其他方式是聲明「position：absolute」並設置z-index，但這需要確切的頂部/右側/底部/左側位置，這是不需要的。

可以做同樣的事情，而不使用嵌套div和精確座標？一些發現浮動或動態解決方案？

2010-10-20 Malik

你不需要頂部，右側，底部和左側的絕對定位。你只需要頂部和左側，從那裏寬度將接管。 – 2010-10-20 19:20:46

@Dustin：謝謝你的回覆。我們可以使用top和left來實現這一點，但我們正在尋找動態的東西，而不是指定座標。 – Malik 2010-10-21 05:47:57

回答

您必須使用Position：Absolute，然後，如果您使用Top和Left來設置位置，它將佔用整個頁面，但是如果使用Margin-Top和Margin-Left，則它將作爲引用父DIV。

2010-10-20 19:28:50 Rama

感謝您的回覆。任何動態解決方案都有可能 – Malik 2010-10-21 06:06:42

由於您可能使用百分比代替像素，因此不知道您在此解決方案中的動態含義，因爲它可以提供更大的靈活性。 – Rama 2010-10-21 13:15:10

相關問題