Android LinearLayout布局不能正常显示的问题

今天学习Android LinearLayout 布局时发现改变最外层LinearLayout 的对齐方式后，不能正常显示。

源码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#00ff00"
    android:orientation="vertical"
    android:padding="5dp"
    tools:ignore="ExtraText">

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_gravity="top"
        android:gravity="bottom"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:orientation="vertical">

        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:gravity="right"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:orientation="vertical">

        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>
</LinearLayout>

运行效果如下：

当我把最外层的LinearLayout 的排列方式从vertical改为horizontal时，UI却怎么也显示不出来，如图：

在网上搜下，答案千篇一律，很多说是当LinearLayout的排列方向是horizontal时，只有垂直方向上的对齐方式才会生效

最后发现把里面嵌套的两个LinearLayout的layout_width 设置成自适应的，然后把layout_width设置一个值。这样就能正常显示了。

修改如下：

        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"