使页脚小工具具有响应性 时间：2013-04-27 作者：Pieter Goosen 我正在处理的主题中有4个页脚小部件。它工作得很好。我唯一做不到的就是小部件的响应能力。4英尺的小部件一直在小屏幕上相邻显示，我需要它们在小屏幕上相互重叠。有人能帮我解决这个问题吗。这是我的代码：<div id="footerwidget" <?php pietergoosen_voet_widgets_klas(); ?>> <?php if ( is_active_sidebar( \'sidebar-15\' ) ) : ?> <div id="first" class="widget-area" role="complementary"> <?php dynamic_sidebar( \'sidebar-15\' ); ?> </div><!-- #Eerste .widget-area --> <?php endif; ?> <?php if ( is_active_sidebar( \'sidebar-16\' ) ) : ?> <div id="second" class="widget-area" role="complementary"> <?php dynamic_sidebar( \'sidebar-16\' ); ?> </div><!-- #Tweede .widget-area --> <?php endif; ?> <?php if ( is_active_sidebar( \'sidebar-17\' ) ) : ?> <div id="third" class="widget-area" role="complementary"> <?php dynamic_sidebar( \'sidebar-17\' ); ?> </div><!-- #Derde .widget-area --> <?php endif; ?> <?php if ( is_active_sidebar( \'sidebar-18\' ) ) : ?> <div id="forth" class="widget-area" role="complementary"> <?php dynamic_sidebar( \'sidebar-18\' ); ?> </div><!-- #Vierde .widget-area --> <?php endif; ?> 2 个回复 最合适的回答,由SO网友:NielsPilon 整理而成 将div的宽度设置为100%，并删除用于较小屏幕的媒体查询的浮点数，如下所示：@media screen and (max-with 600px){ .widget-area{ float: none; width: 100%; } } 对于桌面视图：@media screen and (min-with 600px){ .widget-area{ float: left; width: 25%; } } 顺便说一句，这只是CSS相关的，与Wordpress无关 SO网友:saifur 您需要将每个div的宽度（第一、第二、第三、第四）设置为25%，并使用float:left. 结束 文章导航
