当窗口大小调整时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消失

回答

相关问题