fragment中使用replace创建新的fragment遇到的层级错乱问题的一种解决方案

前些日子遇到了一个非常奇怪的情况，我的需求是在一个fragment内通过replace方法去创建一个新的fragment。但是，在这里出现了一个特别奇怪的问题：就是当我的replace方法执行成功之后，新的fragment的布局竟然在母fragment的一个Button的下方。
创建fragment的代码如下：

private void switchToLoginState() {
        loginOrderMainFragment = new LoginOrderMainFragment();
        FragmentManager manager = getChildFragmentManager();
        FragmentTransaction ft = manager.beginTransaction();
        ft.replace(R.id.fragment_my_order_lists, loginOrderMainFragment);
        ft.commitAllowingStateLoss();
    }

这是不应该的，因为明明我的新的fragment的布局应该在上方，为什么无法盖住母fragment的一个UI呢？在这里我已经把新的loginOrderMainFragment 的背景设置了颜色，但是却仍然无法遮住那个Button。
当我的母fragment的xml代码如下时：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/bg_white"
    android:orientation="vertical"
    >
        <ui.NavigateBar
            android:id="@+id/navigateBar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/topbarheight"
            android:background="@color/yellow_bar"
            app:navigate_bar_center_title="投注记录"
            app:navigate_return_enable="false"
            />
        <Button
            android:layout_below="@id/navigateBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:text="登录"
            android:id="@+id/login"
            />
        <FrameLayout
            android:id="@+id/fragment_my_order_lists"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
</RelativeLayout>

这个id为login的Button的层级始终在fragment_my_order_lists这个framelayout派生的fragment之上。

而当代码改动如下时：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/bg_white"
    android:orientation="vertical"
    >
        <ui.NavigateBar
            android:id="@+id/navigateBar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/topbarheight"
            android:background="@color/yellow_bar"
            app:navigate_bar_center_title="投注记录"
            app:navigate_return_enable="false"
            />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_below="@id/navigateBar"
            >
                <Button
                    android:layout_width="match_parent"
                    android:layout_height="60dp"
                    android:text="登录"
                    android:id="@+id/login"
                    />
        </LinearLayout>
        <FrameLayout
            android:id="@+id/fragment_my_order_lists"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
</RelativeLayout>

只是在Button的外侧套一个layout，这个时候，这个奇怪的问题就消失了。

如果遇到相似问题的朋友可以尝试一下我上面的方法，但是如果有更好的解决方案（也可能我犯了低级错误~），麻烦告知一下，谢谢~