當窗口大小調整時float float left div消失

我正在研究一個非常簡單的結構，它基本上只有2個div（1/3 + 2/3），但是當調整窗口大小時正確的div消失，即使我設置最小寬度。 PS：當它達到1280像素分辨率時，我需要它停止響應。當窗口大小調整時float float left div消失

欣賞您可以提供的任何幫助。

#contents { 
     position: fixed; 
     width: 100%; 
     height: 100%; 
     margin: 54px auto 0px auto; 
    } 

     #content-1 { 
      min-width: 426px; 
      width: 33%; 
      height: 100%; 
      float: left; 
      border-right: 1px solid black; 

     } 

     #content-2 { 
       min-width: 852px; 
       width: 66%; 
       height: 100%; 
       float: left; 
       background-color: #FF6164; 
      }

來源

2017-03-10 Warul Kawa

它不會消失。但是「最小寬度」會隨着響應性而變得混亂，並且這些元素的一部分將根據窗口寬度而不在窗口之外。這裏沒有'min-width'，對我來說似乎很好。 http://codepen.io/anon/pen/VppRgq –

因爲文本的組織非常複雜，我需要它在它達到1280像素分辨率時停止響應。 –

如果您需要元素的行爲因屏幕大小而異，那麼您需要使用媒體查詢。（如果到目前爲止你完全不知道這些是什麼 - 你的評論是這樣寫的 - 那麼請閱讀它們;它們是你最需要知道的關於響應速度的最基本技巧。） – CBroe

您必須刪除min-width，因爲你的div將不能夠維持最小寬度，仍然響應。當他們試圖這樣做時，正確的div被扔到了底部。

來源

2017-03-10 20:26:45

當窗口大小調整時float float left div消失

回答

相關問題