1、在div標簽內，使用input標簽創建一個文本框，使用button標簽創建一個按鈕。

2、設置div標簽的class屬性值為mytest。

3、在css標簽內，通過class設置div的樣式，將display屬性設置為flex，即將div內的元素進行flex布局。

4、在css標簽內，再將flex-directio屬性設置為row，實現水平布局，將justify-content屬性設置為flex-start,實現div內的文本框和按鈕都靠左對齊。

比如box是一個div,如下示例：.box{float:left;}//向左浮動顯示了.box{float:right;}//向右浮動顯示了.box{width:980px;margin:0pxauto}//居中顯示了.box{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-left:5px;}這個前面的分別是外面距，距上，下，左，右，后面是內邊距距左，其它的也一樣子的道理在HTML調用有兩種方法，第一種，直接把這個寫在html的head文件里面，<styletype="text/css">在這里是CSS代碼</style>，或者直接建CSS文件，把代碼寫里面，在HTML引入，<linkhref="這里是CSS的路徑"type="text-css"rel="stylesheet"/>

第一步，首先想變a標簽的位置，是使用css控制的，那么我們先前往css官方文檔查看一下，有什么屬性是可以控制位置的，最終我們找到定位position 屬性可以輕松解決

第二步，為了方便我們對html代碼進行編輯

第三步，為了更加詳細的說明怎么用

第四步，我們使用css來position 給a標簽改變位置

第四步，我們前往瀏覽器打開這個html網頁，發現a標簽位置已經改變，只要改變top和left的大小就能改變位置