2013-08-04 57 views
0

我有一個垂直邊欄導航菜單,左側對齊,寬度爲211px,高度爲300px。然後我有一個960像素寬的容器。由於屏幕寬度的211px被邊欄佔據,所以當我使用邊距對其進行居中時,容器與它重疊:0 auto;如何在屏幕空間被其他元素佔據時將容器居中?

如何將容器從導航菜單而不是通用屏幕寬度居中放置在一個解決方案中,它將在所有瀏覽器/平臺的導航菜單中居中顯示?

enter image description here

+0

包裝容器,並給內部容器一個'margin-left:211ishpx'? – PeeHaa

+0

@RitabrataGautam謝謝。你能提供一個小提琴嗎? – AAA

回答

1

包裹與另一DIV容器(例如:.wrapper)。使包裝總視口寬度減去側杆寬度的寬度,然後在容器使用margin:0 auto

的exaple :: FIDDLE

+0

其實你正在使用百分比寬度和高度。我需要它的像素,因爲在移動和iPad的百分比寬度不能很好地與我現在所擁有的..我嘗試用像素代替,但然後問題返回... – AAA

相關問題