調整窗口大小時對齊發生變化

我在我的頁面中試圖使用這個主包裝樣式..最初它可以..但是因爲左窗格的最小寬度，當我調整窗口大小時，右窗格在下去。可以有人請調整大小時如何保持右窗格可調。但我們不應該改變最小寬度。調整窗口大小時對齊發生變化

<body > 
<div class="master-container"> 

    <div class="left-panel"></div> 
    <div class="right-panel"></div> 

</div> 
</body>

.left-panel{ 
    float: left; 
    width: 18%; 
    left: 0; 
    height: 200px; 
    min-width: 256px; 
    border: 1px solid #294777; 
    box-sizing: border-box; 
}  
.right-panel { 
    float: left; 
    width: 82%; 
    min-width: 700px !important; 
    max-height: 764px; 
    overflow-y: auto; 
    border: 1px solid #294777; 
    height: 200px; 
    box-sizing: border-box; 
}

來源

2013-12-16 user2587222

這是相當困難的建議，因爲我不知道在這些div responsivness和內容方面的目標。

也許這可能是一個開始給你：

更新根據意見。

FIDDLE HTML：

<div class="master-container"> 
    <div class="left-panel"></div> 
    <div class="right-panel"> 
     <div class="in"></div> 
    </div> 
</div>

CSS：

.master-container{ 
    min-width:984px; 
} 
.left-panel { 
    float: left; 
    width: 26%; 
    left: 0; 
    height: 200px; 
    min-width: 256px; 
    background:green; 
} 
.right-panel { 
    width:72%; 
    min-width:728px; 
    max-height: 764px; 
    overflow-y: auto; 
    height: 200px; 
} 
.in{ 
    width:100%; 
    min-width:728px; 
    height: 200px; 
    background:blue; 
}

來源

2013-12-16 12:40:41

更新最新的CSS和小提琴，我認爲這是你現在所需要的。最小寬度保持不變。 –

我應該爲我的右側面板設置一些初始寬度know.if我喜歡這樣做我的右側面板內容互相錯位 – user2587222

您能否將內容發佈到代碼中，以便我可以建議其他內容嗎？其他問題：你需要邊界嗎？ –

調整窗口大小時對齊發生變化

回答

相關問題