當這個菜單位於左側時,100%寬度的內容很好,只要我從左到右交換菜單右側的內容現在是整個寬度的100%菜單之間的空間(其時,我的權限添加:0;在左邊的菜單,使它看起來正確的固定的右菜單寬度爲100%
jfiddle左側菜單中的:http://jsfiddle.net/mxadam/ZQQ6s/21/
jfiddle右鍵菜單:http://jsfiddle.net/mxadam/ZQQ6s/22/
左側菜單
html, body {
height: 100%;
margin: 0;
font-size: 20px;
}
#left {
width: 300px;
height: 100%;
position: fixed;
outline: 1px solid;
background: red;
z-index: 10;
}
#right {
width: 100%;
height: auto;
outline: 1px solid;
position: absolute;
right: 0;
background: blue;
left: 300px;
border-left: 10px solid #fff;
}
右鍵菜單
html, body {
height: 100%;
margin: 0;
font-size: 20px;
}
#left {
width: 300px;
height: 100%;
position: fixed;
outline: 1px solid;
background: red;
z-index: 10;
right: 0;
}
#right {
width: 100%;
height: auto;
outline: 1px solid;
position: absolute;
left: 0;
background: blue;
right: 300px;
border-right: 10px solid #fff;
}
我能做些什麼呢?歡呼聲
這兩個小提琴顯示在左邊的菜單... – CBroe
對不起,更新:) – mxadam
只要刪除'寬度:100%'... – CBroe