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，这个时候，这个奇怪的问题就消失了。

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