Wordpress 双栏响应问题

我对响应性方面的编码相当陌生。我通常使用wordpress主题，但我正在为某人对网站进行一些编辑，并希望修复他们的问题

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

以下是网页：

任何帮助都将不胜感激

干杯， 布伦丹

将两个div都向左浮动应该可以做到这一点。确保将overflow:hidden应用于父容器，或在下面放置一个clearfix div，以便下面的内容不会爬升。

使用：

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

示例：考虑断点为600px

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

---

我好像没法让它工作。它不会做任何事情，除非我添加的不正确。我试图在chrome开发工具中更改属性，但它们没有反映出来。开发工具似乎无法编辑css属性。我使用firebug，它似乎需要一般的代码。我不太清楚你在尝试什么。我补充道！这对他们每个人都很重要，而且奏效了。再次感谢！谢谢，这会将右栏移到左栏下，但它们都会保持现在的大小不变。尝试让他们在移动设备上填充宽度等。您需要使用媒体查询执行条件css，以将宽度调整为100%，我不确定将其放置在何处以及具体的代码是什么。以前从未进行过媒体查询。请查看@SaiRamSudheer的答案。您需要在CSS文件中添加针对特定视图宽度的媒体查询。他的例子中的一个目标是所有宽度都达到600px。谢谢你的帮助，我补充道！这对他的代码很重要，而且很有效。