一般html標籤會依據display預設值,由左至右、由上至下做排版。
若display為 block則由上至下。
若display為inline或inline-block則由左至右。
div標籤預設為block。
div1
div2

透過修改display為inlineblock,可使之並排。

div3
div4

另外可以透過position的屬性,來位移html標籤的位置。
(1) relative: 依照目前的位置進行位移

div5

另外可以透過position的屬性,來位移html標籤的位置。
(2) fixed: 永遠固定在整個網頁的某個位置 (不會跟著卷軸移動)

div6

另外可以透過position的屬性,來位移html標籤的位置。
(3) absolute: 永遠固定在整個網頁的某個位置 (會跟著卷軸移動)

div7

另外可以透過position的屬性,來位移html標籤的位置。
(4) absolute: 若放在某個標籤(該標籤必須是relative或fixed或absolute的其中一種)裡,則永遠固定在該標籤的某個位置

div9