php - 我的侧边栏小部件在 Wordpress 中不是垂直的？如何正确对齐？

Question

我正在制作一个主题，但侧边栏无法正常工作。小部件或旁白不垂直对齐而是水平对齐。我已经在 css 中完成了所有工作，甚至更改了 sidebar.php，但没有任何效果。

供引用:http://minecraftserverzz.com/youtube/hai/

这是我添加到 sidebar.php 的内容，我已经清除了所有 css 以查看主要问题可能是什么。

<div id="sidebar" class="widgets-area">
 <?php do_action( 'before_sidebar' ); ?>
    <?php if ( ! dynamic_sidebar( 'sidebar-primary' ) ) : ?>
        <aside id="search" class="widget widget_search">
           <?php get_search_form(); ?>
        </aside>
        <aside id="archives" class"widget">
            <h1 class="widget-title"><?php _e( 'Archives', 'shape' ); ?></h1>
            <ul>
                <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
            </ul>
        </aside>
        <aside id="meta" class="widget">
            <h1 class="widget-title"><?php _e( 'Meta', 'shape' ); ?></h1>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <?php wp_meta(); ?>
            </ul>
        </aside>
   <?php endif; ?>
</div>

Answer 1

#sidebar 有 display: flex; 并且默认情况下，flex 的 flex-direction 是 row。这意味着它将水平放置，而不是垂直放置。要使该布局垂直，请将 flex-direction: column; 应用于 #sidebar