我对响应性编码很陌生。我通常使用已经可以使用的 wordpress 主题,但我正在为某人对网站进行一些编辑并希望解决他们的问题。
基本上有两列,一列向左浮动,宽度为 65%,右侧浮动右侧,宽度为 30%。它们缩放到一个点,然后右边的下降,但停留在左边的旁边而不是在它下面
这是页面:http ://engfind.com
任何帮助将不胜感激!
干杯,布伦丹
我对响应性编码很陌生。我通常使用已经可以使用的 wordpress 主题,但我正在为某人对网站进行一些编辑并希望解决他们的问题。
基本上有两列,一列向左浮动,宽度为 65%,右侧浮动右侧,宽度为 30%。它们缩放到一个点,然后右边的下降,但停留在左边的旁边而不是在它下面
这是页面:http ://engfind.com
任何帮助将不胜感激!
干杯,布伦丹
浮动两个 divleft
应该可以解决问题。确保你应用overflow:hidden
到父容器或在下面放置一个clearfix
div,这样下面的内容就不会爬上去。
您想在平板电脑或移动设备上以 100% 的宽度堆叠它们 -。
示例:考虑断点为 600px
@media (max-width: 600px){
.homePage{
width:100%;
}
.homeNews{
width:100%;
float:left;
}
}