今天決定要學習百度前端技術學院佈置的題目，做一個很小的demo：要求兩側的寬度固定不變，而中間內容的一欄，根據瀏覽器的寬度自適應。但是我被一個問題困擾了很久，元素設置了position屬性。
給子元素元素設置相對定位就可以讓他自適應，但是我在定位右側的元素的時候，我把div放在中間元素下面，所以在設置元素位置的時候，總是不符合，右側元素 right 總是在另外一行。
但是我把right的div放在left的div後面，並且.right，.left都設置了float：left; 兩個div自然就排列在同一行
設置右側位置大小不變，左側自適應
一般是右側position:absolute; 然後設置margin，移動元素位置
position詳解
https://www.w3cplus.com/css/advanced-html-css-lesson2-detailed-css-positioning.html