两列响应问题

Question

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

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

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

任何帮助将不胜感激！

干杯， 布伦丹

Answer 1

使用：

Media queries

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

示例：考虑断点为 600px

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

Answer 2

浮动两个 div left 应该可以解决问题。确保将overflow:hidden 应用到父容器或在下方放置clearfix div，这样下面的内容就不会爬升。