我實現了一下確實如你所說。我把left 和right 和main的top:0px;全都去掉了。

left就不用解釋啦，它本來就在第一行。

main在第一行是為毛呢，因為left中有一句是position:absolute;?

本來left是塊狀元素，display的屬性是block（塊狀元素）

如果元素中設置了position:absolute或者float:left/right，display就會隱性自動改變成inline-block（內聯塊狀元素）

內聯塊狀元素就是可以和其他元素在同一行，如有不懂，可以看一下HTML+CSS基礎課程。

至于right會在新的一行，那是因為main已經把第一行的位置全部占用了，right只能在下一行。

我是剛看完那個才記得，所以我不是大神哈，很開心能幫助你。