wordpress - 两列响应问题

Question

我对响应性编码很陌生。我通常使用已经可以使用的 wordpress 主题，但我正在为某人对网站进行一些编辑并希望解决他们的问题。

基本上有两列，一列向左浮动，宽度为 65%，右侧浮动右侧，宽度为 30%。它们缩放到一个点，然后右边的下降，但停留在左边的旁边而不是在它下面

这是页面：http ://engfind.com

任何帮助将不胜感激！

干杯，布伦丹

Answer 1

浮动两个 divleft应该可以解决问题。确保你应用overflow:hidden到父容器或在下面放置一个clearfixdiv，这样下面的内容就不会爬上去。

Answer 2

采用 ：

媒体查询

您想在平板电脑或移动设备上以 100% 的宽度堆叠它们 -。

示例：考虑断点为 600px

 @media (max-width: 600px){
      .homePage{
      width:100%;
      }
      .homeNews{
      width:100%;
      float:left;
      } 
      }