在CoordinatorLayout锚点上苦苦挣扎

Question

我已经浏览了Stack Overflow上的每个问题，在两个布局的交叉处放置一个视图（终极问题：How can I add the new "Floating Action Button" between two widgets/layouts）但是在使用建议的答案时我看到了奇怪的行为。

我的circularView总是放在cardView的左上角，我不知道为什么会这样。请在下面找到xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="com.phandaarpit.androidrecyclertutorial.MainActivity">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="250dp"
        app:cardUseCompatPadding="true"
        app:cardCornerRadius="5dp">

        <android.support.design.widget.CoordinatorLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <TextView
                    android:id="@+id/im_pic"
                    android:layout_width="match_parent"
                    android:layout_height="150dp"
                    android:background="?attr/colorControlHighlight"
                    />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:id="@+id/profile_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Hello World!" />
                    <TextView
                        android:id="@+id/profile_sub_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Hello World!" />
                </LinearLayout>
            </LinearLayout>

            <android.support.design.widget.FloatingActionButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:elevation="2dp"
                app:layout_anchor="@id/im_pic"
                app:layout_anchorGravity="bottom|left"/>
        </android.support.design.widget.CoordinatorLayout>
    </android.support.v7.widget.CardView>

</LinearLayout>

我正在尝试将此视图填充到RecyclerView中，并且我得到以下输出。 FAB在某些方面完全无序，并且正确放置在某些方面。