안드로이드 스튜디오에서 디자인을하면 버튼이 겹칩니다

Question

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.hippo.calctest.MainActivity"
    android:orientation="horizontal"
    tools:showIn="@layout/activity_main">


    <EditText
        android:id="@+id/nuumber1"
        android:layout_width="368dp"
        android:layout_height="36dp"
        android:ems="10"
        android:hint="첫 번째 숫자"
        android:inputType="textPersonName"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="1dp" />

    <EditText
        android:id="@+id/number2"
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="두 번째 숫자"
        android:inputType="textPersonName"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="37dp" />

    <Button
        android:id="@+id/addButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="더하기"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="88dp" />

    <Button
        android:id="@+id/subtractButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="빼기"
        tools:layout_editor_absoluteX="96dp"
        tools:layout_editor_absoluteY="88dp" />

    <Button
        android:id="@+id/MultiplyButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="곱하기"
        tools:layout_editor_absoluteX="193dp"
        tools:layout_editor_absoluteY="88dp" />

    <Button
        android:id="@+id/diviceButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="나누기"
        tools:layout_editor_absoluteX="280dp"
        tools:layout_editor_absoluteY="88dp" />

    <TextView
        android:id="@+id/result"
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:textAppearance="@style/TextAppearance.AppCompat.Display1"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="136dp" />

</android.support.constraint.ConstraintLayout>

위와 같이 했는데 폰에 직접 컴파일하면 상단에 왼쪽에 버튼들이 모여있습니다

왜 그러죠?