两栏回应问题

Question

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

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

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

Answer 1

使用：

媒体查询

你想在平板电脑或手机设备上以100%的宽度堆叠它们。

示例：考虑断点为600px

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

Answer 2

浮动两个div left就可以了。确保将overflow:hidden应用于父容器，或者在下面放置clearfixdiv，这样下面的内容就不会向上爬。