我正在一個可調整大小的頁面上有sidemenu的權利,它幾乎工程作爲這個簡單的例子假設:最小寬度和絕對位置的可調整大小的頁面?
http://pastehtml.com/view/1do8cy9.html
的問題是,雖然位置自動和最小寬度不反應如預期。如果拖動瀏覽器窗口小於500px(因爲最小寬度設置爲),則紅色側邊菜單繼續顯示綠色內容。
如何在側欄停止時顯示最小寬度,fx 500px ?
我正在一個可調整大小的頁面上有sidemenu的權利,它幾乎工程作爲這個簡單的例子假設:最小寬度和絕對位置的可調整大小的頁面?
http://pastehtml.com/view/1do8cy9.html
的問題是,雖然位置自動和最小寬度不反應如預期。如果拖動瀏覽器窗口小於500px(因爲最小寬度設置爲),則紅色側邊菜單繼續顯示綠色內容。
如何在側欄停止時顯示最小寬度,fx 500px ?
的絕對定位的div應該是這應具有相對位置的最小寬度的div內部
編輯,更好的解釋:
對於側邊欄:添加top: 0
到紅色邊欄,並將其放置內部的min-width
集裝箱。
對於容器:用padding-right
更換margin-right
財產,並添加position:relative
我有一個修復!
這很奇怪,但:
body{
position:absolute;
top:0;
left:0;
bottom:0;
min-width:1300px;
width:100%;
overflow:auto;
padding:0;
margin:0;
}
如果我不喜歡你的建議,它重疊綠色的內容與文本,而不是「調整大小」。該最小寬度現在的工作雖然:S我在這裏:HTTP: //pastehtml.com/view/1doa3jv.html – donpedroper 2011-03-17 11:47:58
add margin-right:220px;與文本的div;如果你想將綠色背景移動到它。 – 2011-03-17 12:52:00
實際上這解決了我的問題,我真的很想知道爲什麼它是這樣的?這是一個錯誤?我不這麼認爲,因爲在我的情況下,所有的瀏覽器都表現得很像。相對div應該對絕對div有效,但將絕對div放在相對div內並不是我想到的! – jim 2012-11-27 19:01:17